链接不再工作：例如 https://unpkg.com/vue@3.2.30/dist/vue.min.js

Question

unpkg 的 CDN 链接不再工作。其他旧版本也不起作用。

https://unpkg.com/vue@3.2.30/dist/vue.min.js

我可以使用哪个链接代替？

谢谢

<script src="https://unpkg.com/vue@3.2.30/dist/vue.global.prod.js"></script>
<!-- <script src="//unpkg.com/vue@latest/dist/vue.min.js"></script> -->

<script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js"></script>

<script src="https://unpkg.com/vue-router"></script>

<script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue-icons.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

这些是我一直有效的加载来源。我该如何更换它们？

Answer 1

对于 Vue 3，生产缩小文件的.prod.js文件扩展名为. 但看起来您实际上需要 Vue 2，因为您使用的 CDN 链接没有固定版本说明符：

\n

<script src="https://unpkg.com/vue/dist/vue.min.js"></script>\n                               ^^^ \xe2\x9b\x94\xef\xb8\x8f defaults to latest\n<script src="https://unpkg.com/vue@latest/dist/vue.min.js"></script>\n                               ^^^^^^^^^^ \xe2\x9b\x94\xef\xb8\x8f no longer Vue 2\n

\n

Vue 最近更新vue@latest到版本 3。同样，vue-router@latest也更新到了版本4，仅兼容Vue 3。

\n

要坚持使用 Vue 2 兼容包，请在 CDN URL 中使用以下版本说明符：

\n

<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>\n                                     \n<script src="https://unpkg.com/vue-router@3.5.3/dist/vue-router.min.js"></script>\n                                            \n<script src="https://unpkg.com/bootstrap-vue@2.21.2/dist/bootstrap-vue.min.js"></script>\n                                               \n

\n

为了避免latest将来因标签更新而出现这些意外故障，您应该始终在生产中为 CDN 链接使用特定的固定版本。

\n

\r\n

\r\n

new Vue({\n  data: {\n    counter: 0,\n  },\n}).$mount(\'#app\')

\r\n

<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>\n<script src="https://unpkg.com/vue-router@3.5.3/dist/vue-router.min.js"></script>\n<script src="https://unpkg.com/bootstrap-vue@2.21.2/dist/bootstrap-vue.min.js"></script>\n<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>\n<script src="https://unpkg.com/axios@0.25.0/dist/axios.min.js"></script>\n\n<div id="app">\n  <div>counter: {{ counter }}</div>\n  <button @click="counter++">+</button>\n</div>

\r\n

\r\n

\r\n

\n