接口联调配置修改

Author: baimingxuan

.env.development

@@ -1,9 +1,9 @@
 ENV = 'development'
 
 # 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
-VUE_APP_BASE_API  = '42.194.194.178:3000'
+VUE_APP_BASE_API  = 'http://localhost:3000'
 # 如果接口是 http 形式， wss 需要改为 ws
-VUE_APP_WS_API = '42.194.194.178:3000'
+VUE_APP_WS_API = 'ws://localhost:3000'
 
 # 是否启用 babel-plugin-dynamic-import-node插件
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.production

@@ -1,6 +1,6 @@
 ENV = 'production'
 
 # 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
-VUE_APP_BASE_API  = '/'
+VUE_APP_BASE_API  = 'http://42.194.194.178:3000'
 # 如果接口是 http 形式， wss 需要改为 ws
-VUE_APP_WS_API = '/'
+VUE_APP_WS_API = 'ws://42.194.194.178:3000'

src/main.js

@@ -3,7 +3,7 @@ import App from './App'
 import router from './router'
 import store from './store'
 
-// import './router/auth'
+import './router/auth'
 
 import './assets/icon-fonts/iconfont.css'
 import './assets/icon-fonts/iconfont'

src/request.js

@@ -4,15 +4,15 @@ import { getToken } from './utils/cookie'
 
 // 创建axios实例
 const service = axois.create({
-  baseURL: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASE_API : '/', // api 的 base_url
+  baseURL: process.env.VUE_APP_BASE_API, // api 的 base_url
   timeout: 120000 // 请求超时时间
 })
 
 // request拦截器设置
 service.interceptors.request.use(
   config => {
     if (getToken()) {
-      config.headers['Authorization'] = getToken() // 请求头设置自带 token
+      config.headers['Authorization'] = 'Bearer ' + getToken() // 请求头设置自带 token
     }
     config.headers['Content-Type'] = 'application/json' // 请求的数据格式为 json
     return config
@@ -26,10 +26,11 @@ service.interceptors.request.use(
 // response 拦截器设置
 service.interceptors.response.use(
   response => {
-    const code = response.code
-    const message = response.msg
+    const data = response.data
+    const code = data.code
+    const message = data.msg
     if (code === 0) {
-      return response.data
+      return data.data
     } else {
       Message({
         type: 'error',

src/store/modules/user.js

@@ -14,21 +14,21 @@ module.exports = {
     name: name // 配置网页title 名称
   },
   devServer: {
-    host: 'localhost', // 默认是 localhost,可不配置
+    host: '0.0.0.0', // 默认是 localhost,可不配置
     port: port, // 配置端口号
     open: true, // 启动是否打开浏览器
     overlay: { // 是否在浏览器上显示编译的 errors 或 warnings
       warnings: false,
       errors: true
+    },
+    proxy: {
+      '/': { // 被代理的接口名
+        target: process.env.VUE_APP_BASE_API, // url地址
+        changeOrigin: true, // 发送请求头中 host 是否设置成 target
+        pathRewrite: { // 重定向
+          '^/': ''
+        }
+      }
     }
-    // proxy: {
-    //   '/': { // 被代理的接口名
-    //     target: process.env.VUE_APP_BASE_API, // url地址
-    //     changeOrigin: true, // 发送请求头中 host 是否设置成 target
-    //     pathRewrite: { // 重定向
-    //       '^/': ''
-    //     }
-    //   }
-    // }
   }
 }