vue cli3.0打包

1.vue cli3.0需要在項目根目錄下配置webpack  包括反向代理以及打包文件路徑

 const webpack = require("webpack");

module.exports = {
  //configureWebpack 是Vue CLI3.0 中用於配置 webpack 插件參數的地方，你在這里設置，會新建或者覆蓋 webpack 默認配置。
  //webpack ProvidePlugin 的含義是創建一個全局的變量，使這個變量在 webpack 各個模塊內都可以使用。這里的配置含義是項目的代理路徑以及打包靜態文件的路徑地址
  devServer: {
    port: 8889,
    proxy: {
      "/fp-api": {
        // target: "http://192.168.105.12",
        target: "http://113.134.215.150:9999",
        changeOrigin: true,
        secure: false,
        // onProxyReq: (proxyReq) => {
        //   proxyReq.setHeader('Cookie', 'JSESSIONID=7F65BCB555333D3248D278D3CC1AACE7');
        // },
      },
    },
    disableHostCheck:true
  },
  // 打包靜態文件
  publicPath: './'
}

　2.在項目打包時需要注意router.js中的history模式的路由，只是項目需要在服務器環境下運行。

   比如使用node的serve，這個在vue-cli的文檔中有說：https://cli.vuejs.org/zh/guide/deployment.html  所以需要改為下邊的格式

  mode: 'hash',
  base: process.env.BASE_URL,