vue-cli搭建项目遇到的一些问题(持续更新)

时间:2024-04-09 16:15:07

1.invalid host header

更改localhost域名为其他域名后,出现了Invalid Host Header这么个错误,一通百度过后,发现是webpack对于host安全性鉴定造成的。解决方案是在webpack.dev.conf.js文件中的devServer配置对象中添加disableHostCheck: true这个属性,修改完毕后,项目正常打开。

2.The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed

项目中需要请求另一个项目的接口,由于两个项目都在我这里,都有配置nginx反向代理,结果就是nginx反向代理和原服务都配置了跨域响应头导致了这个错误,去掉nginx的响应头跨域配置就可以了。

这个项目是要做带cookie的cros跨域请求,然后axios设置了axios.defaults.withCredentials = true; 本地调试另一个服务也添加了res.header('Access-Control-Allow-Credentials', true)这个头部(这里用的是express)。

这里有个问题就是,设置'Access-Control-Allow-Credentials', true之后"Access-Control-Allow-Origin"是不可以再配置成*的,然后我就加了个动态配置跨域响应头,但是出现了

vue-cli搭建项目遇到的一些问题(持续更新)这个错误,然后就发现是nginx也做了跨域处理造成的。

3.第一时间把App.vue的自带样式给去掉......嗯 这个问题我竟然查了半小时也是醉了

4.单页应用不同路径下使用相同的文件名,sourcemap会出现映射错乱的情况,所以尽量不要同名。