这篇“vue部署后静态文件加载404怎么解决”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“vue部署后静态文件加载404怎么解决”文章吧。vue部署问题:1、js、css静态文件加载报404解决办法：build–>index.vue中，assetsPublicPath:’/’这里前面加个“.”2、element图标背景404解决办法：项目背景：项目的使用场景是面向信息安全相关部门，环境很有可能没有公网，局域网并不稳定，所以无法使用七牛等CDN保存图片资源。从而采用引入本地资源的方式通常一张本地静态图片在vue中的写法是这样但是，img标签如果在src路径中使用变量，会被编译为字符串，导致编译后的路径就是我们写上去的字符串形式，比如你在data中定义了一个变量src，然后在img标签中引用你会发现这个时候图片并没有被加载出来，浏览器中这张图片的地址直接显示’@/assets/icon/demo.png’，也就是没有经过编译的步骤，直接将我们的输入当作字符串显示在实际开发中，难免会需要动态生成图片路径的场景，那么如何正确显示图片呢？1.在当前页面全局import图片地址图片可以正确显示，但需要图片名称和你引入的图片手动做好对应。作为一个程序员，当然不会使用这么low的操作了，所以就有了下文2.使用requirerequire可以在代码中使用，所以我们可以在获取数据的同时，为数对象增加一个src的属性这就需要我们规范本地图片的命名了，确保能最有效地获取到正确的图片路径使用require的时候也需要注意一点：require内容不能使用变量，如下写法会直接导致编译报错3.将本地资源放到static目录下引用以上就是关于“vue部署免费云主机域名后静态文件加载404怎么解决”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注百云主机行业资讯频道。
相关推荐: Python爬虫之怎么使用BeautifulSoup和Requests抓取网页数据
这篇文章主要介绍了Python爬虫之怎么使用BeautifulSoup和Requests抓取网页数据的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇Python爬虫之怎么使用BeautifulSoup和Requests抓取网页数据文…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
