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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值