1. 程式人生 > >vue專案打包在本地直接訪問

vue專案打包在本地直接訪問

1.開啟專案資料夾。找到config資料夾裡的index.js檔案中的build物件,將assetsPublicPath中的“/”,改為“./”。

2.router檔案下面的index.js路由配置檔案不要配置mode: "history"(不用配置這個屬性)

3.修改config裡面的index.js裡面的productionSourceMap為false,預設情況是true(true代表打包環境是開發環境,可以進行除錯;false表示生產環境,正式上線的)

4.專案完成後用 npm run build可以打包專案; 打包配置在config資料夾下的 index.js 的 build物件下;如需在本里預覽,

assetsPublicPath: './',改成相對路徑; 如果你的css檔案中引用了background相對路徑,那麼在打包後預覽後是會出現資源找不到的情況的;

可以在build資料夾的utils.js下:新增這個publicPath這個屬性;