vue axios跨域问题

最新推荐文章于 2024-08-05 14:25:36 发布

我是勤奋的小菜鸟

最新推荐文章于 2024-08-05 14:25:36 发布

阅读量137

点赞数

分类专栏： vue 文章标签： vue proxy

本文链接：https://blog.csdn.net/weixin_45414738/article/details/106843801

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.安装

 npm install --save axios vue-axios

2.在入口文件main.js中引入axios

在这里插入图片描述

import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.prototype.$axios = axios
axios.defaults.baseURL = '/api'  
Vue.use(VueAxios, axios)

3.在vue.config.js中添加跨域处理

在这里插入图片描述

module.exports = {
 configureWebpack: {
  devServer: {
    proxy: {
        '/api': {
            target: 'http://api.qingyunke.com',//目标服务器
            changeOrigin: true, //是否跨域
            secure: false,
            pathRewrite: {
            '^/api': '' //规定请求地址以什么作为开头
            }
        }
    }
  },
};