vue-cli3 如何解决根目录问题(不依赖服务器)?

注意,是 cli3 的脚手架

目前做的一个小项目,是完全不依赖网络环境的(离线)
所以就没有localhost等出场的余地,

开发过程中是开了一个本地服务的,所以一切正常

但build后就出现路径问题了
比如:

<script src=/js/app.0db279ae.js></script>

这个路径会被浏览器解析为

file:///js/app.0db279ae.js

嗯…

所以只能写成相对路径

<script src=js/app.0db279ae.js></script>

问题是,如何配置呢?
网上查了一下,奈何找不到有效的信息,特来请教了。

回答:

  1. 在根目录下,创建 vue.config.js 文件,内容如下图
    clipboard.png
  2. 打包效果如下:
    clipboard.png
  3. 拷贝至配置的目录,访问 index.html 即可

vue-cli3官方文档:https://cli.vuejs.org/zh/conf…

回答:

在 build/config.js 里找到 publicPath,填上你的根目录 url 或者是 CDN 前缀。

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注