配置代理

package.json

@@ -31,6 +31,7 @@
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.2.0",
     "@vue/cli-service": "^4.2.0",
+    "http-proxy-middleware": "^3.0.3",
     "sass": "^1.25.0",
     "sass-loader": "^8.0.2",
     "vue-happy-scroll": "^2.1.1"

src/http/index.js

@@ -10,7 +10,7 @@ const service = axios.create({
     // baseURL:'http://127.0.0.1:8080',
     baseURL:'http://localhost:8080',
     // baseURL:"/api",
-    timeout: 5000 ,//超时
+    timeout: 10000 ,//超时
     withCredentials: true,  //跨域时若要发生cookie,需要设置该选项
 })
 

vue.config.js

@@ -22,12 +22,12 @@ module.exports = {
         open: true, //配置自动启动浏览器
         // 配置多个代理
         proxy: {
-          "/api": {
-            target: "https://swstest.sgjyun.com",// 要访问的接口域名https://swstest.sgjyun.com
-            ws: true,// 是否启用websockets
+          "/xcx/api": {
+            target: "https://sws.kuyicloud.com",// 要访问的接口域名https://swstest.sgjyun.com
+            ws: false,// 是否启用websockets
             changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
             pathRewrite: {
-                '^/api': '/api' //这里理解成用'/api'代替target里面的地址,比如我要调用'http://40.00.100.100:3002/user/add'，直接写'/api/user/add'即可
+              // '^/xcx/api': '' //这里理解成用'/api'代替target里面的地址,比如我要调用'http://40.00.100.100:3002/user/add'，直接写'/api/user/add'即可
               }
           }
         }