最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

利用vue+webpack如何解决打包文件404页面空白问题

来源:懂视网 责编:小OO 时间:2020-11-27 19:41:46
文档

利用vue+webpack如何解决打包文件404页面空白问题

最近用vue-cli+vue-router+webpack建立项目,其中的遇到的三个问题,整理如下:vue-cli+ webpack 建立的项目,cnpm run build 打包项目之后,需要放在http服务器上才可以运行。例如 :nginx;vue单页面的启动页面是index.html,路由的路径实际是不存在的,所以会出现刷新页面404的问题,需要设置所有找不到的路径直接映射到index.html。1 刷新页面404;配置启动文件的index页面的路径root: D:/workPlace/mex-adx-web/mex-adx-web/dist。2 二级页面刷新报错。打包的项目静态资源的路径需要设置为绝对路径。如果是相对路径会出错。config-index.js。
推荐度:
导读最近用vue-cli+vue-router+webpack建立项目,其中的遇到的三个问题,整理如下:vue-cli+ webpack 建立的项目,cnpm run build 打包项目之后,需要放在http服务器上才可以运行。例如 :nginx;vue单页面的启动页面是index.html,路由的路径实际是不存在的,所以会出现刷新页面404的问题,需要设置所有找不到的路径直接映射到index.html。1 刷新页面404;配置启动文件的index页面的路径root: D:/workPlace/mex-adx-web/mex-adx-web/dist。2 二级页面刷新报错。打包的项目静态资源的路径需要设置为绝对路径。如果是相对路径会出错。config-index.js。
下面我就为大家分享一篇vue+webpack 打包文件 404 页面空白的解决方法,具有很好的参考价值,希望对大家有所帮助。

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

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

例如 :nginx

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

1 刷新页面404

配置启动文件的index页面的路径root: D:/workPlace/mex-adx-web/mex-adx-web/dist

2 二级页面刷新报错:

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

config-index.js

3 :项目运行没有问题,但是打包之后运行文件报错

Unexpected token:`。。

需要单独配置babel,将配置放到文件.babelrc中:

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

iview table高度动态设置方法

Angular4集成ng2-file-upload的上传组件

nodejs acl的用户权限管理详解

文档

利用vue+webpack如何解决打包文件404页面空白问题

最近用vue-cli+vue-router+webpack建立项目,其中的遇到的三个问题,整理如下:vue-cli+ webpack 建立的项目,cnpm run build 打包项目之后,需要放在http服务器上才可以运行。例如 :nginx;vue单页面的启动页面是index.html,路由的路径实际是不存在的,所以会出现刷新页面404的问题,需要设置所有找不到的路径直接映射到index.html。1 刷新页面404;配置启动文件的index页面的路径root: D:/workPlace/mex-adx-web/mex-adx-web/dist。2 二级页面刷新报错。打包的项目静态资源的路径需要设置为绝对路径。如果是相对路径会出错。config-index.js。
推荐度:
标签: 文件夹 打包 VUE
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top