vue跨域问题，修改代理后仍出现404

胖图图

于 2019-04-26 11:04:56 发布

阅读量1.1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue 跨域 webpack 反向代理

本文链接：https://blog.youkuaiyun.com/huangsy421/article/details/89535221

vue 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了Vue项目中遇到的跨域问题及解决方案，通过配置代理解决404错误，确保接口请求正确处理。文中提供了具体的配置代码示例，帮助读者理解和应用。

vue跨域问题，修改代理后仍出现404

首先确认安装了axios，安装方法：cnpm install axios -S或者不用镜像npm install axios
在这里插入图片描述
dev: {

// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
  '/api': {
    target: 'http://40.73.37.92:8090/',//设置你调用的接口域名和端口号 别忘了加http
    changeOrigin: true,
    pathRewrite: {
      '^/api': ''//这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可
    }
  }
},

接口请求用法：
在这里插入图片描述