原文:Vue项目部署到线上页面空白

最开始的时候直接什么都没有配置,打包了一个dist文件夹扔给后端,发现文件加载报错 ,如下: 发现在加载css文件和js文件的时候是不是从dist文件开始找的,这是因为默认会从index.html所在的硬盘的根目录下开始查找,自然无法找到。修改: 配置了文件后 router文件夹下的index.js vue.config.js 如图: 这次是可以获取到文件的正确路径但是页面还是空白不显示 查看打包 ...

2020-05-13 16:14 0 1226 推荐指数:

查看详情

Vue项目部署到GitHub(页面空白

总结一下自己在操作部署的时候碰到问题后的解决方法。 利用git命令将项目上传到github 在GitHub上先创建一个新的仓库,获得远程库地址 在本地打包vue项目 重点来了!!!!!! 先把dist下的index.html打开看下是否可以正常显示,如果页面显示空白,说明路劲 ...

Thu Aug 06 00:01:00 CST 2020 0 840
vue项目线上页面刷新报404 解决方法

在上线vue开发的前端网页上线后,刷新页面报404错误,因为网页上显示的是静态绝对路径,实际上服务器上是没有改路径的所以刷新汇报错误。 1、vue框架中解决404 vue router mode 默认为hsas, 这样的url中带有#,如果把mode: 'history'就能去掉#号 ...

Tue Sep 17 22:54:00 CST 2019 0 3668
vue项目线上页面刷新报404 解决方法(绝对有用)

vue项目线上页面刷新报404 解决方法 在上线vue开发的前端网页上线后,刷新页面报404错误,因为网页上显示的是静态绝对路径,实际上服务器上是没有改路径的所以刷新汇报错误。 1、vue框架中解决404 vue router mode 默认为hsas, 这样的url ...

Fri Jan 10 22:05:00 CST 2020 0 3941
vue项目部署篇 -线上部署优化

打包注意事项 打包完的项目 dist文件夹如果 已经启动服务,此时不能重新打包,(因为文件 在占用),需要停止服务,再进行重新打包。 vue打包上线移除 console 两种插件可选择 1、babel-plugin-transform-remove-console 比较流行 ...

Thu Apr 30 09:36:00 CST 2020 0 2022
vue项目页面空白

vue项目页面空白 今天新建项目,然后发现路由也改了 app.vue里面也是啥都没有, 但是访问http://localhost:8080/#/login 能访问 里面确实空白的 错误: 错误原因: path: '/' 只能有1个 整个项目只能有一个【但是我有了2个】,然后我要重定向 ...

Thu Mar 28 23:31:00 CST 2019 0 2521
Vue.js —— 项目部署线上之前的请求路径配置

开发环境的地址和接口的地址不一样,会产生跨域问题。 设置代理 在vue.js项目中可以这么设置。 文档地址 vue.config.js 假设当前本地的地址是 192.168.18.50:3000,若要获取某个列表 设置代理之后,访问本地的项目地址 浏览器 ...

Fri Oct 23 21:23:00 CST 2020 0 1238
VUE项目部署线上生产环境,Loading chunk xxx failed

项目部署到生产环境,路由点击无效,报错 Loading chunk chunk-xxxxx failed。(missing xxxx) 加载失败,错误的路径。 话不多说,直接贴代码: vue.config.js 配置文件 /** * 配置参考: https ...

Fri Dec 25 01:12:00 CST 2020 0 441
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM