＜%= BASE_URL %＞详解

最新推荐文章于 2023-08-28 14:21:22 发布

原创最新推荐文章于 2023-08-28 14:21:22 发布 · 3.5k 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #javascript #前端

收录于

VueCLI3.3以前，baseURL对应vue.config.js的baseURL字段，但3.3及以后版本改为publicPath。publicPath指定打包后静态资源的路径，例如/dist。当后端访问路径如/static与前端默认的/baseURL或/publicPath不一致时，需调整配置以确保资源正确加载。在index.html中，此路径也用于引用静态资源。

<%=%>是ejs模板语法，ejs模板语法是为了能够在html文件中使用js变量

Vue CLI 3.3 之前的版本，BASE_URL 对应的是 vue.config.js中的 baseURl 字段，
vue CLI 3.3 之后（包括3.3）的版本，对应的是publicPath

publicPath 中的这个 / 代表的是打包之后静态资源的路径，也就是说代表的是打包后 dist文件夹的路径

有时候后端配置资源的默认访问路径的时候，可能会与前端打包时配置的默认根路径有所差异
比如：后端要访问静态资源的根路径为/static，
而一般情况下，我们项目的vue.config.js中对BAES_URL的配置是/，或者不做配置，因为它默认的值也是/
这个路径决定了我们的前端项目打包后获取静态资源的默认的根路径（不显示在代码中），
同时，这个路径也在public/index.html中有明显的引用，大多时候都会看到如下的代码：