vue打包本地運行以及跨域問題

最近項目打包需要本地測試，這里記錄下

1.創建項目

　　創建一個新項目來運行dist的文件

　　參考 https://www.jianshu.com/p/79c2512b42de 創建express項目並運行

 

　　這里需要注意下，如果在vue.config.js里的publicPath的值是有層級的‘/form-generator’

　　

　　你的文件需要這樣修改，除了html等其他文件放進form-generator

　　　　

 

 2.跨域問題

　　因為用的還是本地路由，所以跨域還是存在的

　　安裝 npm install express-http-proxy --save 請求代理

const proxy = require('express-http-proxy');

let opts = {
    preserveHostHdr: false, //當前域名復制到代理的服務器
    reqAsBuffer: true,  //將請求主體編碼為NodeBuffer
    proxyReqPathResolver: function(req, res) {      //代理請求之前觸發該方法
        // req.url = req.baseUrl+req.url;  //默認會去掉/api，如果路徑需要使用，req.baseUrl可以加回
        return require('url').parse(req.url).path;
    }
}
app.use("/api",proxy('https://***.com',opts));