跨域问题，已在崩溃边缘，好人救救我吧。

Question

关于跨域请求的问题

因为使用的是vue-cli3.0版本之后的，所有自己创建了vue.config.js，来修改一下默认的配置，在其中设置了代理服务器来实现跨域请求，以及在min.js设置了快捷方式如图：

然后通过调用接口发起请求

结果是

字段没有传过去。。。

后来我试着访问其他的网站，是可以访问的，比如饿了么网站是可以的。

关于axios的封装，我没有封装请求之类的，希望大佬们能指点下。

新上入行，关于跨域这一块一直都是心病，希望大佬们能详细得讲与我听，在这里祝大佬们事业高升，身体健康，新的一年薪薪向上！！！

题目描述

题目来源及自己的思路

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

你的设置有问题，或者是你并没有对webpackServer的代理理解到位；
/str 是你需要拦截的关键字；

推荐你看看这篇文章，但愿能帮到你;

关于跨域，可以看看这一篇：cors跨域之简单请求与预检请求

Answer 2

你的axios没走代理，是直接用baseUrl访问，当然会报跨域

Answer 3

按照下列步骤修改，就不会报跨域问题了。

1. 把你的请求url前面加多/str
   url: '/str/sw/mall/itemDetail'
2. baseUrl不用配置，删了

Answer 4

楼上的应该可以解决你的问题。
其实你也可以这样做，配置baseUrl根据环境配置
baseUrl = process.env.NODE_ENV == 'production ? 'http://api.liankat.cn' : '/str'
其中NODE_ENV是你自己在config里配置的