今天小编给大家分享一下Vue项目怎么配置index.html中的BASE_URL的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。有时候后端配置资源的默认访问路径的时候，可能会与前端打包时配置的默认根路径有所差异比如：后端要访问静态资源的根路径为/static，而一般情况下，我们项目的vue.config.js中对BAES_URL的配置是/，或者不做配置，因为它默认的值也是/这个路径决定了我们的前端项目打包后获取静态资源免费云主机域名的默认的根路径（不显示在代码中），同时，这个路径也在public/index.html中有明显的引用，大多时候都会看到如下的代码：那么，我们应该如何去修改这个BAE_URL的值呢？通过 vue-cli3 官方文档的查阅，发现：所以，显而易见，如果想修改 BASE_URL，Vue CLI 3.3 之前的版本，配置：baseURl: ‘/static’Vue CLI 3.3 之后（包括3.3）的版本，配置：publicPath: ‘/static’因为这个值在开发环境下同样生效，所以说这么一改打包后是没问题了，但自己的项目运行起来却会报错，官方也给出了方案。很简单，只需要判断一下当前环境是生产环境还是开发环境，再应用不同的路径就可以了。如下：注意：还需要注意的一个问题是，当我们修改了publicPath 之后，如果我们对路由的配置是像下面这样：可以看到路由的基础路径跟 BASE_URL 即 publicPath 是相同的。如果保持原来的配置，那么所有的路由都会带上多余的前缀，如:/static/home修改方式也很简单，如下：将base属性重置为/即可vue-cli 创建的一个项目中执行命令 vue inspect > output.js 将 vue-cli 中 webpack 的配置信息导出到 output.js 文件，会有一段代码：在 webpack 中全局声明了 BASE_URL 这个变量为项目根目录。以上就是“Vue项目怎么配置index.html中的BASE_URL”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注百云主机行业资讯频道。
这篇文章主要介绍“Vue2如何配置@指向src路径”，在日常操作中，相信很多人在Vue2如何配置@指向src路径问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Vue2如何配置@指向src路径”的疑惑有所帮助！接下来，请跟着小编一…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
