项目部署在内网导致CDN请求失败问题解决

1.前言

原先是使用Xshell+nginx前后端分别部署，后来由于出差，电网只能使用内网，导致像vue.js、elementUI.js等资源请求失败，下面是解决办法。

2.vue.config.js修改配置

由于是vue项目，在这个文件里注释或者删除关于CDN的内容。

3.下载CDN资源

将使用CDN请求的资源下载到public目录下，原因是public文件夹下的文件不会参与打包。

选中-全选-复制-新建文件-粘贴-引入

4.在public目录下引入下载好的资源

js引入：

注意引入的格式

<!-- 在本地导入依赖资源 ---Start --->
  <!-- <script src="./vue2.6.10.js"></script> -->
  <script type="text/javascript">
    document.write(unescape("%3Cscript src='./vue.js'%3E%3C/script%3E"))
  </script>
  <script type="text/javascript">
    document.write(unescape("%3Cscript src='./elementUI.js'%3E%3C/script%3E"))
  </script>
 
  <!-- 在本地导入依赖资源 ---End --->

css引入：

注意引入的格式

*注意事项：***引入时必须使用

<%= BASE_URL %>

，否则，无论使用绝对路径还是相对路径引入，都不会引入成功，切记！**

    <base href="/">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <link rel="stylesheet" href="index.css">

5.注意点

以上步骤是试过几次错，才最终运行起来的。

主要错误在于，路径的问题，打包后路径好几次提示错误。

重点说一下，<base href='/'>这个标签，他的意思是规定页面上所有链接的默认 URL 和默认目标