两篇博客的实现方法不同。
另外:nginx的前端文件路径应该为:/usr/local/nginx/html下。
index.html
<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>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.js"></script> //在这里添加
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.js"></script>
</head>
vue.config.js
module.exports = {
...
configureWebpack: {
...
externals: {
'vue': 'Vue',
'axios': 'axios',
'echarts': 'echarts',
}
}
...
}
Original: https://www.cnblogs.com/m1pha/p/16285331.html
Author: m1pha
Title: Vue项目配置CDN
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/582622/
转载文章受原作者版权保护。转载请注明原作者出处!