vue2怎么解决跨域

解决Vue2中跨域问题的方法如下：

第一步：在Vue项目的根目录下创建一个名为`vue.config.js`的文件。

第二步：在`vue.config.js`文件中添加以下代码：

module.exports = {
  devServer: {
    host: '0.0.0.0',
    port: 8080,
    open: true,
    proxy: {
      '/api': {
        target: 'http://m.sirfang.com/api',
        ws: false,        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

第三步：如果你使用的是axios来发起请求，需要下载axios，并在`main.js`文件中引入axios，并设置`axios.defaults.baseURL = '/api'`。

第四步：在组件中进行数据请求的写法。

以上就是在Vue2中解决跨域问题的方法。通过配置`vue.config.js`文件中的`devServer`属性，可以设置代理服务器来处理跨域请求。同时，在组件中使用axios发起请求时，需要加上前缀`/api`来标识跨域请求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [在Vue2中怎么解决跨域](https://blog.csdn.net/weixin_58102387/article/details/122246532)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Vue2怎么解决跨域问题](https://blog.csdn.net/qq_57423665/article/details/127564278)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]