如何设置VueCli4项目中的反向代理proxy配置步骤？
- 内容介绍
- 文章标签
- 相关推荐
本文共计359个文字，预计阅读时间需要2分钟。
在Vue CLI 4创建的项目中，如果没有配置vue.config.js，直接使用axios发起请求可能会遇到跨域问题。以下是一个简单的解决方案：
1. 在项目根目录下创建或编辑`vue.config.js`文件。
2.在`vue.config.js`中添加或修改`devServer`配置，设置代理（proxy）来解决跨域问题。
javascript
module.exports={ devServer: { proxy: { '/': { target: 'https://movie.douban.com', changeOrigin: true, pathRewrite: { '^/': '' } } } }}这样配置后，当你通过axios发起请求到`https://movie.douban.com/j/search_subjects`时，请求会被代理到`https://localhost:8080/j/search_subjects`，从而避免了跨域问题。
本文共计359个文字，预计阅读时间需要2分钟。
在Vue CLI 4创建的项目中，如果没有配置vue.config.js，直接使用axios发起请求可能会遇到跨域问题。以下是一个简单的解决方案：
1. 在项目根目录下创建或编辑`vue.config.js`文件。
2.在`vue.config.js`中添加或修改`devServer`配置，设置代理（proxy）来解决跨域问题。
javascript
module.exports={ devServer: { proxy: { '/': { target: 'https://movie.douban.com', changeOrigin: true, pathRewrite: { '^/': '' } } } }}这样配置后，当你通过axios发起请求到`https://movie.douban.com/j/search_subjects`时，请求会被代理到`https://localhost:8080/j/search_subjects`，从而避免了跨域问题。