V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
SystemLight
V2EX  ›  Vue.js

vue.config.js 如何配置生成的 HTML 文件种静态资源引入路径?

  •  
  •   SystemLight ·
    SystemLight · 2021-06-26 16:35:17 +08:00 · 1352 次点击
    这是一个创建于 1006 天前的主题,其中的信息可能已经有所发展或是发生改变。
      1. vue.config.js 似乎只可以配置 publicPath,但是这个参数不仅改变了 HTML 文件中静态文件引入路径,同时改变了程序中 vueRouter 的路径
      1. 通过 webpackCahin 配置 HTMLPlugin 的 publicPath 参数无效,仍然会按照上层 publicPath 生成
    module.exports = {
        publicPath: "/",
        chainWebpack: (config) => {
            config
                .plugin("html")
                .tap((args) => {
                    args[0].title = "课程管理";
                    args[0].publicPath = "/static";
                    return args;
                });
        },
        devServer: {
            proxy: 'http://localhost:5500'
        }
    }
    
    
    2 条回复    2021-06-27 15:27:13 +08:00
    IndexXuan
        1
    IndexXuan  
       2021-06-27 12:51:56 +08:00 via iPhone
    你把生成的项目里 router.js 里的 base 改下,不接收 process.env.BASE_URL 不就行了,脑袋灵活些啊
    SystemLight
        2
    SystemLight  
    OP
       2021-06-27 15:27:13 +08:00
    @IndexXuan 非常感谢,之前看了好几遍 vue-router 的文档,真正实用的时候还是没有想到,属实是缺少经验
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3279 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 14:15 · PVG 22:15 · LAX 07:15 · JFK 10:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.