300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 利用vue+webpack如何解决打包文件 404 页面空白问题

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

时间:2020-09-02 02:36:41

相关推荐

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

web前端|js教程

vue+webpack,web,打包

web前端-js教程

下面我就为大家分享一篇vue+webpack 打包文件 404 页面空白的解决方法,具有很好的参考价值,希望对大家有所帮助。

樱桃 网站源码,ubuntu 无法更改权限,用网络爬虫爬,php访问其它网站php,赤峰seo服务lzw

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

安卓图片浏览器源码,.vscode 配置,ubuntu终端英文,ubunt tomcat,c 高效sqlite,网站服务器服务商,通达oa 报表插件,著名的前端框架,淘宝 评论 爬虫,微社区php,深圳搜索seo,珠宝 网站模板,公司简介网页源代码范本,淡蓝黑色大气企业网站模板,dz论坛帖子页面绑定顶级域名,qt图书管理系统,vb程序图标下载lzw

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

红包源码html5,vscode f12,ubuntu环境文件,tomcat窗口大小设置,训练爬虫,php 生成列表,合肥seo课件效果好,云付网站源码,直播免费模板下载地址lzw

例如 :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的用户权限管理详解

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。