vue打包后空白页问题全记录 (background路径,css js404,jsonp等);

Posted 前端学习123321123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue打包后空白页问题全记录 (background路径,css js404,jsonp等);相关的知识,希望对你有一定的参考价值。

总结一下vue打包后问题全记录:
大部分开发者webpack基本上都是拿来就用的(并没有系统化的研究)。

一 >>> 打包之后的静态文件不能直接访问:(例如dist)打包后搭个服务器才能访问的! 选择cd 到dist存放发目录下

 npm install http-server -g

二 >>> background引入图片打包后,访问路径错误。
首先static目录下,打包后图片是在根目录下,如果是相对路径肯定是不行的。
然后是assets目录下相对路径是没问题的。

三 >>> 引入的css,js打包后出现404找不到了
config文件的index.js 需要配置(如果用了脚手架应该是不用改的)

assetsPublicPath: ‘./‘,

四 >>> 接口跨域问题
现在通常的方法有两种:
1.服务器设置反向代理(问题解决没遇到问题)
2.统一设置请求头(post请求自定义headers: {‘自定义的名字’:‘value’}时)
就算是服务端 统一设置了这个自定义的名字还是无法解决。
这个问题当时我陷还是很深的,包括整个流程。
https://developer.mozilla.org...
(最后,还是放弃了。还是代理吧!)

大家如果还有其他的问题(分享一下)。

以上是关于vue打包后空白页问题全记录 (background路径,css js404,jsonp等);的主要内容,如果未能解决你的问题,请参考以下文章

Vue2+ThreeJS踩坑记录Vue2打包项目之后,运行本地项目为空白页解决办法

为啥vue打包后出现后 在浏览器上打开的是空白页

为啥vue打包后出现后 在浏览器上打开的是空白页

为啥vue打包后出现后 在浏览器上打开的是空白页

为啥vue打包后出现后 在浏览器上打开的是空白页

vue.js 打包时出现空白页和路径错误