【vue配置代理服务器】

在vue.config.js中进行配置

1、cors：后端对服务器做配置，加几个响应头，但是这样比较危险，所有人都可以访问
2、jsonp：在前端使用script标签，使其在页面加载之前，就载入javascript的src属性，不受同源策略限制的特点，但是只局限于get请求
3、前端配置代理

module.exports = {
    // 方式一简单代理 
    devServer: {
        proxy:'http://localhost:5000'
    };
    // 方式二复杂代理
    devServer: {
        proxy: {
            //当8080转发时，以/api开头的才可以转发到8080的代理服务器，配置中可以写pathRewrite
            '/api': {
                //这里
                target: 'http://localhost:5000',
                // pathWrite重写意思是当代理服务器转发到真正的服务器时，就会把原来所带的api开头，
                // 给重写，恢复成原来的url
                pathRewrite: { '^/api': '' },
                ws: true,
                changeOrigin:true
            }
        }
    }
}