vue打包後dist頁面空白且放到服務器顯示問題

項目中自己的VUE項目通過npm run build打包生成的dist文件，打開本地dist文件夾的index.html頁面一片空白空白且放到服務器顯示問題。這個主要原因是路徑的問題。

1、記得改一下config下面的index.js中bulid模塊導出的路徑。因爲index.html裏邊的內容都是通過script標籤引入的，而你的路徑不對，打開肯定是空白的。先看一下默認的路徑。
 

1. module.exports = {

2. build: {

3. env: require('./prod.env'),

4. index: path.resolve(__dirname, '../dist/index.html'),

5. assetsRoot: path.resolve(__dirname, '../dist'),

6. assetsSubDirectory: 'static',

7. assetsPublicPath: '/',

8. productionSourceMap: true,

assetsPublicPath默認的是  ‘/’  也就是根目錄。而我們的index.html和static在同一級目錄下面。  所以要改爲  ‘./ ’