博客

随手笔记：vue public文件夹index.html全局引入js

  • Post author:
  • Post category:vue


如果我们通过相对路径或者绝对路径引入public中的文件，会出现一个现象：在该项目的index路由下能够正常引入，但是别的页面就会出现报错

token '<' (at 某某某js文件:1:1)

造成该现象的原因：

  1. 相对路径可能会受到URL的影响，从而导致不正确的资源引入。例如，在当前页面的URL路径为”/example/my-page”时，如果使用相对路径引入静态资源，可能会导致资源无法正确地加载。

  2. 绝对路径通常是固定的，并不支持动态计算路径，而Vue CLI的<%= BASE_URL %>变量正是为了避免这种问题而设计的。

所以我们可以采用 Vue CLI 中的 <%= BASE_URL %> 变量，它是在Vue应用运行时动态生成的，可以用于自动计算出当前页面所在目录的绝对路径。在默认情况下，这个变量的值为”/”，代表着应用的根路径。 

<script src="<%= BASE_URL %>my-script.js"></script>

如果说public中还有文件层级则需要： 

<script src="<%= BASE_URL %>js/my-script.js"></script>

即可


版权声明：本文为weixin_45116920原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。