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在同一级目录下面。  所以要改为  ‘./ ’