Vue-cli打包后部署到子目录下路径问题

默认情况下以当前域名为根目录向下访问。

举例,若需要部署到www.***.com/catalog1/catalog2/下,需要更改

  1. config/index.js文件中,buildassetsPublicPath属性为'/catalog1/catalog2/',如下:

    build: {
    assetsPublicPath: '/catalog1/catalog2/', 
    

    默认情况下该值为'/'(该属性目测是webpack打包时的文件引用路径的基础路径)。

  2. 修改路由base属性为'/catalog1/catalog2/',如下:

    export default new Router({
       mode: 'history',
       base: '/catalog1/catalog2/',
       routes: [
       {
       	path: '/',
       	name: 'indexContent',
       	component: indexContent
       }
       ]
    })
    

其中mode设置为'history'可清除路径中的#(本地测试有效)。
设置完成后重新打包。

Logo

前往低代码交流专区

更多推荐