vue-cli项目传到服务器后打不开的问题
2024-09-04 19:14:50
1.vue-cli项目执行dev可以打开网站,直接点击文件或发布后却打不开的问题
webpack.prod.conf.js:
output: {
.......
publicPath:'./' //修改前是'/'
},
assetsPublicPath如果配置不正确,会找不到js、css、图片这些信息
assetsPublicPath是配置为相对路径还是绝对路径,取决于你打包后前端资源怎么发布部署。
假如说,你把index.html以及static文件夹直接放到容器的根目录,即访问路径为:http://xxxx:9090/index.html这样形式,那么直接使用‘/’即可,不用使用相对路径。
但是如果说你的前端项目是在某个项目文件夹下或者合并到后台项目中去发布,即访问路径可能为:http://xxx:9090/projectname/index.html,那么就一定要使用'./',否则资源信息会找不到。
2..vue-cli项目执行dev可以打开网站,直接点击文件也可以打开,发布后却打不开的问题:
默认情况下,js,css,图片这些资源会放到static子目录下,这个是在config/index.js中的assetsSubDirectory配置的
assetsSubDirectory:'static'
如果网站的static解析成其他页面了(也就是http://xxxx/static映射到了一个固定的页面),就会出现各种资源打不开的情况
这时候,改下assetsSubDirectory的值即可,这时候子目录的名字也会跟着改变
assetsSubDirectory:'bph5'
最新文章
- Callable与Future的介绍
- oracle_空值判断
- Windows GUI代码与Windows消息问题调试利器
- Hbuilder连接模拟器调试
- 如何利用java得到当前的时间和前一天的时间
- front-end
- hdu 4915 Parenthese sequence--2014 Multi-University Training Contest 5
- 【JAVAWEB学习笔记】16_session&;cookie
- 【Luogu3455】【POI2007】ZAP-Queries(莫比乌斯反演)
- 网易笔试题:浏览器中输入一个url后回车到返回页面信息的过程
- Java Socket:Java-NIO-ServerSocketChannel
- 【学习笔记】JS知识点整理
- 不二之选_iTOP-4418开发板研发之旅_缩短开发时间
- Java课程课后作业190309之连续最大子数组
- 前端paging分页,前端设置每页多少条和当前页面的索引,传给后端,数据显示出来
- JavaScript 使用穷举方式实现内容简繁转换
- testNg-build.xml
- asp.net mvc forms身份认证
- log4j配置输出到多个日志文件(转)
- Mybatis的WHERE和IF动态