打包vue项目

最新推荐文章于 2024-07-12 16:05:01 发布

欢乐程序小姐姐

最新推荐文章于 2024-07-12 16:05:01 发布

阅读量241

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/weixin_46513664/article/details/105616711

版权

把router文件夹中的index.js中的history改为hash

const router = new VueRouter({
  mode: 'history',//改为hash
  base: process.env.BASE_URL,
  routes
})

把vue.config.js中的publicPath和assetsDir路径都改为“./”

module.exports = {
    runtimeCompiler: true,
    publicPath: './', // 设置打包文件相对路径
    assetsDir:'./',
    devServer: {
      // open: process.platform === 'darwin',
      // host: 'localhost',
      port: 8071,
      // open: true, //配置自动启动浏览器
      proxy: {
        '/api': {
          target: 'https://cnodejs.org/api/v1/', //对应自己的接口
          changeOrigin: true,
          ws: true,
          pathRewrite: {
            '^/api': ''
          }
        }
      }
     },
  }

最后在命令窗口输入 npm run build

到这里，就打包完成啦