vue 项目使用cdn 加速 axios 外部引用axios

1.在vue3.0 根目录下建立一个 vue.config.js
2.在vue.config.js 里面写入以下内容

		module.exports = {
	
		  configureWebpack: {
	
		    externals: {
	
		      // vue: 'Vue',
	
		      // 'vue-router': 'VueRouter',
	
		      axios: 'axios'
	
		    }
	
		  }
	
		}

3. 在public/index.html 中引入外部的 axios.js cdn文件

		<!DOCTYPE html>
	
		<html lang="en">
	
		<head>
	
		  <meta charset="utf-8">
	
		  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	
		  <meta name="viewport" content="width=device-width,initial-scale=1.0">
	
		  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
	
		  <title><%= htmlWebpackPlugin.options.title %></title>
	
		  <!-- Bootstrap .css-->
	
		  <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
	
		  <!--animate css3动画-->
	
		  <link href="https://cdn.bootcss.com/animate.css/3.7.2/animate.min.css" rel="stylesheet">
	
		</head>
	
		<body>
	
		  <noscript>
	
		    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
	
		      Please enable it to continue.</strong>
	
		  </noscript>
	
		  <div id="app"></div>
	
		  <!-- built files will be auto injected -->
	
		  <!-- axios -->
	
		  <script src="https://cdn.bootcss.com/axios/0.19.2/axios.min.js"></script>
	
		  <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	
		  <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
	
		  <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	
		  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
	
		</body>
	
		</html>