vue-admin-template跨域
时间: 2023-08-21 16:10:39 浏览: 191
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 ]
阅读全文