前端跨域

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': ''
                }
            }
        }
    },
}