vue 跨域

什么是跨域

协议、端口号、主机不一致时引起同源策略，同源策略引起跨域

如何解决跨域

• 后台直接打开（不安全）
• JSONP scriot标签里的src不受同源策略影响（需要后端配合）
• 配置代理

配置代理

• 在vue.config.js里写，写完要重启项目

// 配置代理
    devServer: {
        proxy: {
            '/course-api': {
                // 代理的地址
                target: 'https://course.myhope365.com/',
                // 是否跨域
                changeOrigin: true,
                // 路径重写
                pathRewrite: {
                    '^/course-api': ''
                }
            },
            '/api': {
                // 代理的地址
                target: 'https://course.myhope365.com/',
                // 是否跨域
                changeOrigin: true,
                // 路径重写
                // pathRewrite: {
                //     '^/course-api': ''
                // }
            },
        }
    }
    ```