vue项目使用 axios请求接口，后台设置了跨域 也没用

Question

Answer 1

这个问题是请求接口和proxyTable中配置的不匹配导致的:grin:

Answer 2

解决了,反向代理配置错了

Answer 3

麻烦问一下楼主是怎么解决的？我也遇到这样的问题了。。

Answer 4

  dev: {
    env: require('./dev.env'),
    port: process.env.PORT || 8080,
    autoOpenBrowser: true,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': {
        target: 'http://127.0.0.1',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        }
      }
    },

全文搜索一下关键字   把配置文件中的 changeOrigin设置为true 

Answer 5

谢谢，已经好了

Answer 6

谢谢，已经好了.

Answer 7

这都到不了后台就跨域错误了，先用nginx做个代理把

Answer 8

谢谢，已经好了。！

Answer 9

开发的时候，如果用了webpack devServer，记得在webpack里面配置上反向代理。部署的时候，如果是放到和后台代码分开部署，记得在对应的web容器（如nginx）配置反向代理。

Answer 10

谢谢，已经好了。

Answer 11

如果是用的vue-cli创建的项目，可以在webpack.config.js的devServer中加入代理来实现：

devServer: {
    historyApiFallback: true,
    noInfo: true,
    overlay: true,
    proxy: {
      '/api': {
        target: 'http://www.xxx.me',
        changeOrigin: true,
      }
    }
  }

 

Answer 12

我只在spring里面设置了跨域。并且我用 ajax在html上测试 ，跨域是能用的。

Answer 13

1 设置跨域

2 linux服务器设置跨域和spring同时设置跨域会冲突 导致失效

Answer 14

引用来自“OSC_eZazfh”的评论

后台问题，没设置上头

Answer 15

我设置了的，我在html5上用ajax请求 都行。唯独在vue里面用axios出错。

Answer 16

后台问题，没设置上头