CORS跨域
1.CORS跨域-服务端设置，前端直接调用
说明：后台允许前端某个站点进行访问
response headers:
Access-Control-Allow-Credentials:true
2.JSONP跨域-前端适配，后台配合
说明：前后台同时改造
3.接口代理-通过修改Nginx服务器配置来实现
说明：前端修改，后台不动
在项目中创建vue.config.js，配置如下
module.exports = {
devServer: {
host: 'localhost',
port: 8080,
proxy: {
'/api': {
target: 'http://mall-pre.springboot.cn',
changeOrigin: true,
pathRewrite: {
'/api': ''
}
}
}
},
}
网友评论