vue-admin-template配置跨域无效
时间: 2023-08-21 19:10:39 浏览: 126
vue跨域解决方法
5星 · 资源好评率100%
引用\[1\]中的代码是一个Vue项目的配置文件,其中包含了关于跨域的配置。在这个配置中,使用了Vue CLI提供的proxy选项来代理接口转发流量。通过设置target属性来指定后端接口的地址,同时设置changeOrigin为true来开启代理。在pathRewrite中可以对请求路径进行重写。这样配置之后,前端发送的请求会被代理到指定的后端接口地址,从而解决跨域问题。但是需要注意的是,这个配置只在开发环境下有效,生产环境下需要在服务器端进行相应的配置。
引用\[2\]中的代码是另一种跨域配置的示例。在这个示例中,使用了相似的proxy选项来进行代理配置。通过设置target属性来指定后端接口的地址,同时设置changeOrigin为true来开启代理。在pathRewrite中可以对请求路径进行重写。这样配置之后,前端发送的请求会被代理到指定的后端接口地址,从而解决跨域问题。需要注意的是,这个示例中的配置是在vue.config.js文件中进行的,而不是在.env.development文件中。
引用\[3\]中的代码是一个使用axios发送请求的示例。在这个示例中,通过import语句引入了封装好的request模块,然后通过调用该模块的方法来发送请求。在getHospSetList方法中,使用了request方法发送了一个POST请求,并传递了请求的URL、请求方法、请求头和请求数据。这样就可以通过调用该方法来发送请求并获取响应数据。
根据你提供的信息,如果你在vue-admin-template项目中配置跨域无效,可能有以下几个原因:
1. 配置文件中的proxy选项没有正确设置,比如target属性没有指定正确的后端接口地址。
2. 配置文件没有被正确加载,比如文件名不正确或者位置不正确。
3. 项目没有重新启动,配置文件的修改需要重新启动项目才能生效。
4. 生产环境下的跨域配置没有进行相应的服务器端配置。
请检查以上几个方面,确认配置文件正确加载并且配置项设置正确,然后重新启动项目,看看是否能够解决跨域问题。如果问题仍然存在,请提供更多的信息以便我能够更好地帮助你解决问题。
#### 引用[.reference_title]
- *1* *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]
- *2* [vue-admin-template解决前端跨域问题---简单快速(vue-cli3)](https://blog.csdn.net/weixin_45116146/article/details/121494398)[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 ]
阅读全文