Vue Build后的项目的根路径配置问题

Vue Build后的项目的根路径配置问题

问题描述

使用Vue-cli 版本v3.12.1，build之后默认的根目录contextPath为/。如果正式部署的路径不是/，则需要修改发布的根路径，否则会js和静态资源会报404问题。

修改方法

1. 工程文件 /config/index.js
2. 修改build下的assetsPublicPath，该值为根路径配置。

  build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',  // 修改为需要地址
   }

同样的，如果要修改静态文件的名称，可以修改assetsSubDirectory。