在 Vue 3 中,可以使用 vue-cli-service 创建一个开发服务器,并设置代理来处理跨域请求。以下是如何设置代理的步骤:
在项目根目录下创建一个 vue.config.js 文件,如果已经存在,则跳过此步骤。
在 vue.config.js 文件中添加以下代码:
module.exports = {
devServer: {
proxy: {
'^/api': {
target: 'http://localhost:3000',
changeOrigin: true
}
}
}
}
这里的代理规则表示:以 /api 开头的请求会被代理到 http://localhost:3000 这个地址。
启动开发服务器时,加上 --open 参数,让浏览器自动打开页面:
npm run serve -- --open
现在,你就可以在 Vue 3 应用中发起跨域请求了,所有以 /api 开头的请求会被代理到 http://localhost:3000 这个地址。