在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
}
}
}
}