Go语言视频零基础入门到精通

admin

本来我是不想写的，但为了加深印象还是写一写吧。
./config/index.js

1. module.exports = {
2.   dev: {
4.     // Paths
5.     assetsSubDirectory: "static",
6.     assetsPublicPath: "/",
7.     proxyTable: { "/api": {  //使用"/api"来代替"http://charon-satellite.com"
8.             target: "http://xxx.charon-satellite.com", //源地址
9.             secure: false,  // 如果是https接口，需要配置这个参数
10.             changeOrigin: true, //改变源
11.             pathRewrite: {
12.               "^/api": "" //路径重写
13.             }
14.         }
15.     },
17.     // Various Dev Server settings
18.     host: "localhost", // can be overwritten by process.env.HOST
19.     port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
20.     autoOpenBrowser: false,
21.     errorOverlay: true,
22.     notifyOnErrors: true,
23.     poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
25.    
26.     /**
27.      * Source Maps
28.      */
30.     // https://webpack.js.org/configuration/devtool/#development
31.     devtool: "cheap-module-eval-source-map",
33.     // If you have problems debugging vue-files in devtools,
34.     // set this to false - it *may* help
35.     // https://vue-loader.vuejs.org/en/options.html#cachebusting
36.     cacheBusting: true,
38.     cssSourceMap: true
39.   },
41.   build: {
42.     // Template for index.html
43.     index: path.resolve(__dirname, "../dist/index.html"),
45.     // Paths
46.     assetsRoot: path.resolve(__dirname, "../dist"),
47.     assetsSubDirectory: "static",
48.     assetsPublicPath: "./",
50.     /**
51.      * Source Maps
52.      */
54.     productionSourceMap: true,
55.     // https://webpack.js.org/configuration/devtool/#production
56.     devtool: "#source-map",
58.     // Gzip off by default as many popular static hosts such as
59.     // Surge or Netlify already gzip all static assets for you.
60.     // Before setting to `true`, make sure to:
61.     // npm install --save-dev compression-webpack-plugin
62.     productionGzip: false,
63.     productionGzipExtensions: ["js", "css"],
65.     // Run the build command with an extra argument to
66.     // View the bundle analyzer report after build finishes:
67.     // `npm run build --report`
68.     // Set to `true` or `false` to always turn it on or off
69.     bundleAnalyzerReport: process.env.npm_config_report
70.   }
71. }

复制代码

./api.js (管理接口的JS文件)

1. ...
2. // export const base = "http://xxx.charon-satellite.com"; // 线上
3. export const base = "/api";  // 本地
4. export const qs = require("qs")
6. // public
7. export const login = base + "/xxx/xxx/dologin"; // 登录
8. ...

复制代码

原理：简单的说就是利用了vue所用的node.js服务器环境，建立代理服务器，使本地的域名与线上域名相同。