关于vue下跨域问题，一看就明白！

最新推荐文章于 2024-10-08 02:10:34 发布

new Object ~

最新推荐文章于 2024-10-08 02:10:34 发布

阅读量1.3w

点赞数 6

分类专栏：前端 vue 跨域文章标签： vue 跨域前端

本文链接：https://blog.csdn.net/github_39088222/article/details/79487913

版权

前端同时被 3 个专栏收录

41 篇文章 0 订阅

订阅专栏

vue

20 篇文章 0 订阅

订阅专栏

跨域

2 篇文章 0 订阅

订阅专栏

最终还是遇到了跨域问题，经过一下午的各种尝试终于成功的掉到了想要的东西，下面就来写一下是如何实现的，也算是给后来者填个坑：

你需要做一个反向代理的东西打开你的vue项目的config文件夹下的index.js

这里写图片描述

然后找到以下的代码：

    dev: {
        proxyTable: {
          '/api': {
            target: 'http://ip地址', //这里面是你要访问的IP地址
            changeOrigin: true,     //开启代理
            pathRewrite: {
              '^/api': '/api'
          }

    },

ps：配置完这里之后一定要重新启动项目要不然会没有效果我就是因为没有重启所以浪费了很多的时间

然后再你的项目里面正常的写axios的请求就可以了如果想看axios的请求请移步这里：
http://blog.csdn.net/github_39088222/article/details/79426495