前端解决跨域 cors
Access to XMLHttpRequest at ‘https://m.maizuo.com/gateway?cityId=410100&pageNum=1&pageSize=10&type=1&k=3558550’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
一般让大后端给我们搞,
他们一般值添加一行就搞定了。
但是的但是。
如果后端真的很忙,那前端搞。
前端做正向代理来解决 proxy。
新建vue.config.js文件
module.exports = {
devServer: { // 开发服务器设置
proxy: { // 代理
'/API': { // 定义代理的名称自己写的名称,其他都是固定的
changeOrigin: true, // 是否启动代理
'target': 'http://localhost:3000', // 代理的域名 https://m.maizuo.com/gateway
'pathRewrite': {
'^/API':'/'} // 如果你的真实的api路径中没有/API这一个路径,把这句加上,
// 如果本来就有/API这一路径的话,这句一定要去掉,要不然会导致域名找不到的
}
}
},
}