资讯专栏INFORMATION COLUMN

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

WrBug / 913人阅读

摘要:总结一下打包后问题全记录大部分开发者基本上都是拿来就用的并没有系统化的研究。一打包之后的静态文件不能直接访问例如打包后搭个服务器才能访问的选择到存放发目录下二引入图片打包后访问路径错误。然后是目录下相对路径是没问题的。最后,还是放弃了。

总结一下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...
(最后,还是放弃了。还是代理吧!)

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107299.html

相关文章

  • 杂篇 - Vue豆瓣系列文章

    摘要:起初,项目使用的是,其提供的方法用着比较爽,由于项目的很多数据来自豆瓣的,直接上简单方便,跨域什么的不考虑。跨域问题,上面已经介绍,在不能操控的豆瓣数据上,使用的是。 项目地址 在线演示 不识庐山真面目,只缘身在此山中。 大概一个月前,开源了Vue重构豆瓣移动端的项目,效果还可以,收到了很多小伙伴的反馈,话说是要写一些文章的,但迟迟没有动笔,估计小伙伴们等的花都谢了,拖延症是病,需要治...

    lijinke666 评论0 收藏0
  • 网站子目录部署VUE webpack 打包资源文件路径的正确引用方式

    摘要:是目前使用最为火热的打包工具,各大知名的框架类库都用其打包,国内使用最近也火热起来。但是坑也很多,比如说图片,字体等文件的路径。 webpack 是目前使用最为火热的打包工具,各大知名的框架类库都用其打包,国内使用最近也火热起来。它在单页应用和类库打包上帮助许多人从代码管理中解脱了出来,成为了当下风靡一时的打包工具。 但是坑也很多,比如说图片,字体等文件的路径。 刚开始用webpack...

    zgbgx 评论0 收藏0
  • Vue应用部署到服务器的正确方式

    Vue应用部署到服务器的正确方式 很多时候我们发现辛辛苦苦写的VueJs应用经过打包后在自己本地搭建的服务器上测试没有什么问题,但真正放在服务器上后,会发现或多或少的问题,比如:页面出现空白现象,获取资源路径不对等,我相信以VueJs为技术栈来进行前端开发的小伙伴或多或少都会遇到这样的问题,我也遇到过,那现在我们就来一一解决这样的问题。 如何打包 基于Vue-Cli,通过npm run build...

    xcc3641 评论0 收藏0

发表评论

0条评论

WrBug

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<