vue项目proxy

在Vue项目中，通过设置代理(proxy)可以解决跨域的问题。首先，在Vue项目的根目录下新建一个名为vue.config.js的文件，并在其中进行代理配置。具体的配置方式如下：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8080', // 后台接口的服务地址
        changeOrigin: true, // 是否将host更换为代理url
        ws: true, // 是否代理websocket请求
        pathRewrite: {
          '^/api': '/api' // 需要代理的路径
        }
      }
    }
  }
}

以上代码中，我们配置了一个代理，将所有以"/api"开头的请求都转发到"http://localhost:8080"这个后台接口的服务地址上。其中，changeOrigin表示是否将请求的host更换为代理的url，ws表示是否代理websocket请求，pathRewrite则用于重写url的路径。这样一来，当我们在Vue项目中发送请求时，就会自动通过代理将请求转发到目标后台接口。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue设置代理proxy](https://blog.csdn.net/first_shun/article/details/108542502)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]