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

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

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

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

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

vue3 静态资源static文件引入失败,没有static文件夹_第1张图片

访问的时候在.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也要更改配置

vue3 静态资源static文件引入失败,没有static文件夹_第2张图片

你可能感兴趣的:(个人总结)