Vue项目打包问题

1. index.html访问空白

在config/index.js文件中修改配置assetsPublicPath
assetsPublicPath: '/',改成assetsPublicPath: './',
Vue项目打包问题

2. 图片无法访问

找到build/utils.js
搜索use: loaders,
下面添加publicPath: '../../',
Vue项目打包问题

3. 样式丢失

3.1 问题

npm run dev 正常,npm run build打包项目后访问部分样式就变了。

3.2 解决

以下方法可以尝试解决

  • main.js 修改导入包的顺序,将路由包放到最后
    Vue项目打包问题
  • 在样式变化的文件中,<style> 添加scoped属性,保证样式不会被覆盖
    Vue项目打包问题