Vue.js 配置代理服务器解决跨域问题 | Vue.config.js指南

在 Vue.js 项目的配置文件 (vue.config.js) 中，可以通过配置 "proxyTable" 来设置一个代理服务器，将请求转发到目标服务器，从而解决跨域问题。\n\n首先，在项目根目录下创建 vue.config.js 文件 (如果已存在，则直接使用该文件)，然后在文件中添加以下代码：\n\njavascript\nmodule.exports = {\n devServer: {\n proxy: {\n '/api': {\n target: 'http://目标服务器地址',\n changeOrigin: true,\n pathRewrite: {\n '^/api': ''\n }\n }\n }\n }\n}\n\n\n上述代码中，'/api' 是你的接口路径前缀，可以根据实际情况进行修改。'http://目标服务器地址' 是你要转发的目标服务器地址，需要根据实际情况进行修改。\n\n配置完成后，重启项目，修改的配置会生效。当你在前端代码中发送请求时，会自动将以 '/api' 开头的请求转发到目标服务器，从而避免了跨域问题。例如，如果你在前端代码中发送了一个请求 'http://localhost:8080/api/user'，它会被转发到 'http://目标服务器地址/user'。\n\n请注意，这只是解决本地开发环境下的跨域问题，在生产环境中，你需要使用其他方式来解决跨域问题。