解决jsdelivr无法访问问题

niefy · niefy · commit 35e3debd52b0 · 2022-05-18T10:32:41.000+08:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,6 +9,8 @@
   "dependencies": {
     "@tinymce/tinymce-vue": "^3.2.6",
     "axios": "^0.19.0",
+    "element-ui": "^2.15.8",
+    "moment": "^2.29.3",
     "vue": "^2.6.12",
     "vue-clipboard2": "^0.3.1",
     "vue-cookie": "^1.1.4",
@@ -20,7 +22,7 @@
     "@vue/cli-plugin-babel": "^4.5.9",
     "@vue/cli-service": "^4.5.9",
     "sass": "^1.51.0",
-    "sass-loader":"10.2.0",
+    "sass-loader": "10.2.0",
     "vue-template-compiler": "^2.6.12"
   },
   "postcss": {
diff --git a/public/index.html b/public/index.html
@@ -5,15 +5,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="referrer" content="never">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link href="https://cdn.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css" rel="stylesheet">
     <title>微信后台管理系统</title>
-    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/vue-router@3.2.0/dist/vue-router.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/element-ui@2.13.2/lib/index.js"></script>
     <!-- tinymce编辑器 -->
-    <script src="https://cdn.jsdelivr.net/npm/tinymce@5.2.2/tinymce.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/moment@2.25.3/moment.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/moment@2.25.3/locale/zh-cn.js"></script>
+    <script src="https://cdn.bootcdn.net/ajax/libs/tinymce/5.10.4/tinymce.min.js"></script>
   </head>
   <body>
     <noscript>
diff --git a/src/main.js b/src/main.js
@@ -1,10 +1,12 @@
-// import Vue from 'vue'
+import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
 import VueCookie from 'vue-cookie'
-// import './element-ui'
+import './element-ui'
+import moment from 'moment'
 // import './element-ui-theme'
+import 'element-ui/lib/theme-chalk/index.css';
 import './assets/css/common.css'
 import './assets/scss/index.scss'
 import httpRequest from '@/utils/httpRequest' // api: https://github.com/axios/axios
diff --git a/src/router/index.js b/src/router/index.js
@@ -4,13 +4,13 @@
  * 建议:
  * 1. 代码中路由统一使用name属性跳转(不使用path属性)
  */
-// import Vue from 'vue'
-// import Router from 'vue-router'
+import Vue from 'vue'
+import VueRouter from 'vue-router'
 import http from '@/utils/httpRequest'
 import { isURL } from '@/utils/validate'
 import { clearLoginInfo } from '@/utils'
 
-// Vue.use(Router)
+Vue.use(VueRouter)
 
 const _import = require('./import-views')
 // 全局路由(无需嵌套上左右整体布局)
diff --git a/vue.config.js b/vue.config.js
@@ -13,12 +13,6 @@ module.exports = {
 	configureWebpack:{
 		devServer: {
 			disableHostCheck: true
-		},
-		externals: {
-			vue: "Vue",
-			"vue-router": "Router",
-            "element-ui": "ELEMENT",
-            "tinymce":"tinymce"
 		}
 	},
 	chainWebpack: config => {

-Original file line number
+Diff line change
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="referrer" content="never">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 -    <link href="https://cdn.jsdelivr.net/npm/[email protected]/lib/theme-chalk/index.css" rel="stylesheet">
     <title>微信后台管理系统</title>
 -    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
 -    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.min.js"></script>
 -    <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/index.js"></script>
     <!-- tinymce编辑器 -->
 -    <script src="https://cdn.jsdelivr.net/npm/[email protected]/tinymce.min.js"></script>
 -    <script src="https://cdn.jsdelivr.net/npm/[email protected]/moment.min.js"></script>
 -    <script src="https://cdn.jsdelivr.net/npm/[email protected]/locale/zh-cn.js"></script>
 +    <script src="https://cdn.bootcdn.net/ajax/libs/tinymce/5.10.4/tinymce.min.js"></script>
   </head>
   <body>
     <noscript>