静态资源需要设置与index页面不是同级目录的例如加上动态项目目录order的打包配置
> vue.config.js
配置如下
module.exports = {
baseUrl: '/order', // 根域上下文目录 ,
outputDir: 'dist', // 构建输出目录
}
>dist 打包后文件效果
<link href=/order/css/chunk-08407664.a7b6a365.css rel=prefetch>
<link href=/order/css/chunk-183a0978.34d34fee.css rel=prefetch>
<link href=/order/css/chunk-3407b62c.35ca9598.css rel=prefetch>
<link href=/order/css/chunk-38d3139c.1e95594d.css rel=prefetch>
<link href=/order/css/chunk-3c3ca1bc.5e191d95.css rel=prefetch>
<link href=/order/css/chunk-45b08500.13878d36.css rel=prefetch>
<link href=/order/css/chunk-516af9f2.705fa703.css rel=prefetch>
<link href=/order/css/chunk-57dcc8e6.7f3385f2.css rel=prefetch>
##都是加上了order 项目名
普通打包配置
module.exports = {
baseUrl: '', // 根域上下文目录 ,
outputDir: 'dist', // 构建输出目录
}
网友评论