Vue cli里的proxy跨域配置（axios）

最新推荐文章于 2024-07-11 09:32:23 发布

五秒yang

最新推荐文章于 2024-07-11 09:32:23 发布

阅读量1k

点赞数 3

分类专栏： Vue 文章标签： javascript vue.js ajax跨域问题 proxy

本文链接：https://blog.csdn.net/qq_45787731/article/details/120518624

版权

本文介绍了如何在Vue CLI项目中解决axios的跨域问题，分别展示了在Vue 2和Vue 3环境下配置vue.config.js以实现跨域请求的方法，并提供了实际操作的代码示例。

摘要由CSDN通过智能技术生成

(亲自试验ok)
首先是的创好项目：vue create test01
下载axios：npm install --save-dev axios

vue 2里

1、来到src/main.js文件：（代码如下）

import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'

//https://www.xxx.cn/get
axios.defaults.baseURL = "http://localhost:8080"
Vue.config.productionTip = true
Vue.prototype.$axios = axios //this.$axios

new Vue({
   
  render: h => h(App),
}).$mount('#app')

2、新建一个vue.config.js:(它于src同级，如下图)

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

五秒yang

关注关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
Vue cli里的proxy跨域配置（axios）

(亲自试验ok)首先是的创好项目：vue create test01下载axios：npm install --save-dev axiosvue 2里1、来到src/main.js文件：（代码如下）import Vue from 'vue'import App from './App.vue'import axios from 'axios'//https://www.xxx.cn/getaxios.defaults.baseURL = "http://localhost:8080"
复制链接

扫一扫