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

目录

1.前言

2.vue.config.js修改配置

3.下载CDN资源

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

5.注意点

---

1.前言

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

---

---

 

2.vue.config.js修改配置

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

---

 

3.下载CDN资源

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

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

 

 

---

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

js引入：

注意引入的格式

css引入：

注意引入的格式

注意事项：引入时必须使用<%= BASE_URL %>，否则，无论使用绝对路径还是相对路径引入，都不会引入成功，切记！

    
    favicon.ico">
    

---

5.注意点

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

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

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

 

 

---