Vue CDN 离线使用答案

【问题标题】：Vue CDN offline usageVue CDN 离线使用
【发布时间】：2021-10-09 20:03:19
【问题描述】：

如何从 Node 应用程序的 assets 文件夹中导入 vue.js 的 CDN？像

这样的文件夹树

public
-assets
--vue.js
index.html

节点public 文件夹设置为app.use(express.static(path.join(__dirname, "/public")))
在 HTML 文件中，我使用了类似

<script src="/assets/vue.js"></script>
<script src="./assets/vue.js"></script>
<script src="../public/assets/vue.js"></script>
<script src="http://127.0.0.1:3000/public/assets/vue.js"></script>

我总是犯这个错误

vue.js:1 Uncaught SyntaxError: Unexpected token '<'
Uncaught ReferenceError: Vue is not defined

Vue 应用程序开始

<script>
        new Vue({
            el: '#app', ...

我下载了这个 CDN 文件

https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js

【问题讨论】：

标签： javascript node.js vue.js vuejs2

【解决方案1】：

假设您使用的是 Vue CLI 脚手架项目，该 CDN 脚本应该是存储在 public/ 中的 static asset 而不是 src/assets。

将src/assets/vue.js 移动到public/vue.js，并更新<script> 以指向那里：

<script src="<%= BASE_URL %>vue.js"></script>

【讨论】：