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,