解决vuecli中axios请求跨域无法携带cookie
开发过程中如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js
中的 devServer.proxy
选项来配置。
devServer.proxy
可以是一个指向开发环境 API 服务器的字符串:
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
publicPath: './',
devServer: {
proxy: 'http://xxxxxxxxxxx'
}
});
这会告诉开发服务器将任何未知请求 (没有匹配到静态文件的请求) 代理到http://xxxxxx下发起请求,这样就不会存在跨域问题了