1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue 打包html静态页面 Vue.js打包部署到服务器路径资源和页面404

vue 打包html静态页面 Vue.js打包部署到服务器路径资源和页面404

时间:2021-06-24 14:43:49

相关推荐

vue 打包html静态页面 Vue.js打包部署到服务器路径资源和页面404

默认根目录路径

在我们开发完vue项目后进行代码执行npm run build命令后,默认index文件引用静态资源路径是在/static下的,如下图:

更改根目录路径

找到build/config/index.js文件,如下图设置,重新打包即可让你达到你想要的

重新编译后结果

感觉上面方式有点蠢

有没有觉得有点蠢,这还得我们去改变cli的webpack配置,下面我们换个方式,其实在路由中我们有个属性叫base,这个东西可以扩展我们的路由地址,如下

访问对应路由页面404

出现由于路由的history模式下刷新当前路由出现404的问题,因为当刷新当前页面时候,所需要访问的资源在服务器上找不到,也就是说,我们在VueJs开发应用的过程中,设置路由的路径不是真实存在的路径,并且使用了history模式。解决办法,需要后端进行配合,参考

css的type被拦截转换为"text/plain"

服务器端返回的类型是"text/plain",这个自然也需要后端去解决

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:

打赏

谢谢你请我吃鸡腿*^_^*

支付宝扫一扫打赏

微信扫一扫打赏

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