vue + webpack打包文件404页面空白的解决方法

  

最近用vue-cli + vue-router + webpack建立项目,其中的遇到的三个问题,整理如下:

  

vue-cli + webpack建立的项目,cnpm运行构建打包项目之后,需要放在http服务器上才可以运行,

  

<>强例如:nginx

  

vue单页面的启动页面是index . html,路由的路径实际是不存在的,所以会出现刷新页面404的问题,需要设置所有找不到的路径直接映射到index . html

  

  

 vue + webpack打包文件404页面空白的解决方法

  

配置启动文件的索引页面的路径根:D:/工作/mex-adx-web/mex-adx-web/dist

  

  

打包的项目静态资源的路径需要设置为绝对路径。如果是相对路径会出错

  

config-index.js   

 vue + webpack打包文件404页面空白的解决方法

  

  

意想不到的令牌:“…

  

<强>需要单独配置巴别塔,将配置放到文件.babelrc中:

  

 vue + webpack打包文件404页面空白的解决方法

  

以上这篇vue + webpack打包文件404页面空白的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

vue + webpack打包文件404页面空白的解决方法