vue3 静态资源static文件引入失败,没有static文件夹

在使用vue-cli3创建项目的时候会发现没有了config文件夹,唯一能够进行配置的地方就只剩下vue.config.js文件了,而且还没有配置静态资源的地方

如果项目需要引入外部json html文件,则需要自己新建一个static文件夹

但是static文件夹不能和src同级,如果同级是访问不到的

需要在public文件夹下创建static文件夹,然后再在里面写静态文件,这样就可以访问了


image

访问的时候在.vue文件中,当然用iframe也可以

    axios.get('static/test.html',{accept: 'text/html, text/plain'}).then(function(res){
                console.log(12,res.data)
                // self.html2 = res.data
            })

vue.config.js也要更改配置

图片.png

————————————————
版权声明:本文为CSDN博主「ChrisWang_」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Chris__wang/java/article/details/102501232

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。