通过vue-cli-service构建来构建vue项目,而不会丢失。在文件路径中

恰克来

我的Vue项目已完成。当我运行脚本“ npm run build”(即“ vue-cli-service build”)时,可以获得一包输出文件。但是在index.html文件中,所有js和css文件的路径都不正确。例如:

<script src=js/chunk-vendors.40fba41b.js>

正确的应该是:

<script src="./js/chunk-vendors.40fba41b.js">

我用谷歌搜索了很多。有人说修改webpack的配置,我发现这是不可能的,因为vue-cli3不提供这样的配置文件。有人说这可以通过在vue.config.js文件中添加baseurl来完成,如下所示:

module.exports = {
    baseUrl: "./",
}

当我将baseUrl设置为“ ./”时,问题仍然存在。当我将baseUrl更改为“ somecode /”时,输出文件将是:

<script src=somecode/js/chunk-vendors.40fba41b.js>

我真的很困惑。为什么以及如何解决此问题?提前致谢。

恰克来

将baseurl设置为“ ././”

完整的vue.config.js文件:

module.exports = {
    baseUrl: "././",
}

参考:https : //github.com/vuejs/vue-cli/issues/2595#issuecomment-424570482

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

heroku 中的 vue-cli-service 构建失败

使用vue-cli-service构建时,是否可以获取嵌套的.vue文件?

VueJs项目-Vue-cli和npm运行构建

vue-cli-service构建失败,出现0个错误

Vue-cli-service服务构建完成回调?

默认的Vue-CLI构建不创建CSS文件

如何停止在我的chunk-vendors.js文件中包含vue.js.min来停止vue cli3构建?

Vue CLI构建到外部主机?

通过 Vue CLI 添加 Vuetify 导致“找不到模块”错误

无法通过vue-cli查找模块'./src/data'

运行构建后,Vue CLI 中缺少 .env

Vue CLI-将构建输出组合到单个html文件中

通过Vue CLI项目触发页面重新加载对导入的JS文件进行的更改

Vue.js:如何防止`vue-cli-service --modern`构建旧版捆绑包?

在通过vue-cli webpack创建的Vue应用中使用font-awesome

导入Vue.js库和通过Vue-CLI安装它有什么区别?

vue Webpack模板(通过vue-cli)以后会变得更易于使用吗?

无法安装Vue CLI

vue-cli-service build --target lib作为lib导入时丢失图像路径

在@ vue / cli(vue-cli)项目中停用玩笑警告?

Vue-CLI3 VUE-CLI服务构建-现代不起作用

无法使用 vue/cli 创建 Vue 项目

使用 Vue.js 和 Vue CLI 3 处理一些处理后通过道具渲染项目

vue-cli-service构建:新的workbox-webpack-plugin选项的validationError

使用Vue-cli,在运行构建时,如何在构建后组织css和js文件夹中的文件?

vue-cli库构建中未考虑的Vuetify选项

构建Vue CLI后如何运行生产站点

用vue-cli构建深度嵌套的html需要永远

Vue-CLI webpack-simple 模板 - 如何运行构建