vue-admin-template跨域

在vue-admin-template中实现跨域有几个步骤。首先，在项目的根目录下的config文件夹中的index.js文件中，需要设置proxyTable来配置代理。例如，可以在proxyTable中添加一个'/admin'的代理，将其指向目标接口的域名和端口号。同时，需要设置changeOrigin为true来实现跨域请求，并使用pathRewrite来重写路径，将'/admin'替换为空字符串。这样，在调用接口时，只需要使用相对路径即可。\[1\]

其次，在main.js文件中，需要注释掉导入模拟数据的部分，以防止示例请求。\[1\]

最后，在具体的请求文件中，例如login.js，需要根据实际情况修改请求的url。可以使用process.env.VUE_APP_BASE_API来获取接口前缀，然后拼接具体的接口路径。同时，需要使用request方法来发送请求，并将请求的数据以json格式传递。\[2\]\[3\]

通过以上步骤，就可以在vue-admin-template中实现跨域请求了。
#### 引用[.reference_title]
- *1* [使用vue-admin-template 中跨域问题解决](https://blog.csdn.net/weixin_30634661/article/details/95435060)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [vue-admin-template 解决跨域问题](https://blog.csdn.net/weixin_43980468/article/details/123714861)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]