vue打包 修改资源根目录
时间: 2023-09-25 12:12:07 浏览: 172
Vue-cli打包后部署到子目录下的路径问题说明
你可以通过配置 webpack 的 output.publicPath 来修改 Vue 打包后的资源根目录。
在你的 webpack 配置文件中,找到 output 字段,然后添加 publicPath 属性,如下所示:
```javascript
module.exports = {
// ...其他配置
output: {
// ...其他输出配置
publicPath: '/', // 设置资源根目录(可根据你的需求修改)
},
// ...其他配置
};
```
在上面的示例中,将 publicPath 设置为 '/',这意味着资源的根目录是你的应用程序的根路径。你可以根据你的实际需求修改 publicPath 的值,比如设置为 '/your-app/'。
当你运行打包命令时,Vue 将会根据 publicPath 的值来生成正确的 URL 路径。例如,在模板或组件中使用相对路径加载资源时,Vue 将会添加 publicPath 的值作为前缀。
希望这能帮到你!如果还有其他问题,请随时提问。
阅读全文