vue使用vite配置跨域以及环境配置详解

Vue中的跨域问题可以通过在vue.config.js文件中配置proxy来解决。在这个文件中，可以使用module.exports导出一个配置对象，其中包含了devServer和proxy属性。在proxy属性中，可以配置一个代理表，用来指定需要跨域的接口以及对应的目标地址。例如，可以将'/api'路径的请求代理到'http://iwenwiki.com'地址上。同时，还可以设置一些其他的属性，如ws、changeOrigin和pathRewrite等。可以通过配置一个代理表对象，将需要跨域的请求路径映射到指定的目标地址上。例如，可以将'/api'路径的请求代理到'http://xxx.xxx.xxx'地址上。同时，也可以设置changeOrigin和pathRewrite等属性进行其他配置。在方法中使用axios.get方法来发送请求，指定请求路径为"/api/FingerUnion/list.php"。通过配置好的proxy，请求将被代理到目标地址上，从而解决跨域问题。123 #### 引用[.reference_title] - *1* *3* [vue.config.js跨域配置](https://blog.csdn.net/silbier/article/details/129724999)[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] - *2* [vue中vite.config.js配置跨域以及环境配置详解](https://blog.csdn.net/m0_58293192/article/details/128544985)[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] [ .reference_list ]