前端Vue读取外部JS文件

329 阅读1分钟

需求:系统的登录不走接口,纯前端完成。前端需要存储一系列的用户名和密码,为了防止每次新增用户名和密码都需要重新打包上传服务器,我将用户名和密码存储在public下的js文件中,每次需要新增用户时,只需要更新js文件。

因为public下的文件打包时不会被打包进去,只会被复制到打包后的dist目录下。

  1. 引入你需要读取的js文件,放到public文件夹下,我命名为config.js

截图.png 2.在public的index.html页面引入需要读取的js文件

<script src="<%=BASE_URL%>config.js"></script>

截图 (1).png 3.在我的登陆页面,直接引用js中声明的数据即可,如图,

截图 (2).png 4.vue项目打包之后,public文件下的被复制到打包后的dist目录下

截图 (3).png

截图 (4).png 5、下次需要新增用户名,可以直接更新服务器中dist文件下的config.js文件