update

Author: Riley Ren

config/dev.env.js

@@ -3,5 +3,5 @@ const merge = require('webpack-merge')
 const prodEnv = require('./prod.env')
 
 module.exports = merge(prodEnv, {
-  NODE_ENV: '"development"'
+  NODE_ENV: '"development"',
 })

config/index.js

@@ -10,7 +10,16 @@ module.exports = {
     // Paths
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
-    proxyTable: {},
+    proxyTable: {
+      '/vue-test-api': {
+        target: 'http://localhost', // 接口的域名
+        // secure: false,  // 如果是https接口，需要配置这个参数
+        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
+        pathRewrite: {
+          // '^/vue-test-api': ''
+        }
+      }
+    },
 
     // Various Dev Server settings
     host: 'localhost', // can be overwritten by process.env.HOST

config/prod.env.js

@@ -1,4 +1,4 @@
 'use strict'
 module.exports = {
-  NODE_ENV: '"production"'
+  NODE_ENV: '"production"',
 }

package.json

@@ -15,14 +15,14 @@
     "iview": "^2.11.0",
     "js-cookie": "^2.2.0",
     "localforage": "^1.6.0",
-    "node-sass": "^4.7.2",
     "qs": "^6.5.1",
-    "sass-loader": "^6.0.7",
     "vue": "^2.5.2",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1"
   },
   "devDependencies": {
+    "sass-loader": "^6.0.7",
+    "node-sass": "^4.7.2",
     "autoprefixer": "^7.1.2",
     "babel-core": "^6.22.1",
     "babel-eslint": "^8.2.1",

src/api/index.js

@@ -1,8 +1,6 @@
 import * as request from './request';
 import sign from './sign';
 import todo from './todo';
-import { API_URL } from 'config';
-
 
 
 export default {

src/api/request.js

@@ -2,8 +2,59 @@ import axios from 'axios';
 import qs from 'qs';
 import { API_BASE_URL } from 'config';
 
-axios.interceptors.request.use((config) => {
-  config.headers['Content-Type'] = 'application/x-www-form-urlencoded';
+
+// 创建axios实例
+const service = axios.create({
+  // baseURL: process.env.BASE_API_URL, // node环境的不同，对应不同的baseURL
+  baseURL: API_BASE_URL, // node环境的不同，对应不同的baseURL
+  timeout: 5000, // 请求的超时时间
+  //设置默认请求头，使post请求发送的是formdata格式数据// axios的header默认的Content-Type好像是'application/json;charset=UTF-8',我的项目都是用json格式传输，如果需要更改的话，可以用这种方式修改
+  headers: {
+    "Content-Type": "application/x-www-form-urlencoded"
+  },
+  withCredentials: true // 允许携带cookie
+})
+
+// 发送请求前处理request的数据
+axios.defaults.transformRequest = [function (data) {
+  let newData = ''
+  for (let k in data) {
+    newData += encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) + '&'
+  }
+  return newData
+}]
+
+// request拦截器
+// service.interceptors.request.use(
+//   config => {
+//     // 发送请求之前，要做的业务
+//     return config
+//   },
+//   error => {
+//     // 错误处理代码
+    
+//     return Promise.reject(error)
+//   }
+// )
+
+// response拦截器
+service.interceptors.response.use(
+  response => {
+    // 数据响应之后，要做的业务
+    return response
+  },
+  error => {
+    return Promise.reject(error)
+  }
+)
+
+// export default service
+
+
+
+
+service.interceptors.request.use((config) => {
+  // config.headers['Content-Type'] = 'application/x-www-form-urlencoded';
   if (config.method === 'post') {
     config.data = qs.stringify({
       ...config.data,
@@ -15,7 +66,8 @@ axios.interceptors.request.use((config) => {
 
 function baseRequest(url, params, method = 'get') {
   return new Promise((resolve, reject) => {
-    axios[method](`${API_BASE_URL}${url}`, params).then((response) => {
+    // axios[method](`${API_BASE_URL}${url}`, params).then((response) => {
+    service[method](`${url}`, params).then((response) => {
       const json = response.data;
       if (parseInt(json.code, 10) === 0) {
         resolve(json.data);

src/api/sign.js

@@ -1,5 +1,5 @@
 import { get, post } from './request';
-import * as apis from '@/conf/apis';
+import * as apis from '@/constants/apis';
 
 export default {
   signIn: (user, password) => post(apis.SIGN_IN, {

src/api/todo.js

@@ -1,5 +1,5 @@
 import { get, post } from './request';
-import * as apis from '@/conf/apis';
+import * as apis from '@/constants/apis';
 
 export default {
   fetch: () => get(apis.FETCH_TODO),

src/conf/config-dev.js

@@ -1 +1 @@
-export const API_BASE_URL = 'http://127.0.0.1/vue-test-api/';
+export const API_BASE_URL = 'http://127.0.0.1:8080/vue-test-api/';

src/conf/config.js

@@ -1 +1 @@
-export const API_BASE_URL = 'http://127.0.0.1/vue-test-api/';
+export const API_BASE_URL = 'http://127.0.0.1:8080/vue-test-api/';