首页 > 其他 > 详细

vue cli3.0打包

时间:2019-10-11 10:07:51      阅读:94      评论:0      收藏: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,

  

 

vue cli3.0打包

原文:https://www.cnblogs.com/wjsy/p/11652255.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!