需求:系统的登录不走接口,纯前端完成。前端需要存储一系列的用户名和密码,为了防止每次新增用户名和密码都需要重新打包上传服务器,我将用户名和密码存储在public下的js文件中,每次需要新增用户时,只需要更新js文件。
因为public下的文件打包时不会被打包进去,只会被复制到打包后的dist目录下。
- 引入你需要读取的js文件,放到public文件夹下,我命名为config.js
2.在public的index.html页面引入需要读取的js文件
<script src="<%=BASE_URL%>config.js"></script>
3.在我的登陆页面,直接引用js中声明的数据即可,如图,
4.vue项目打包之后,public文件下的被复制到打包后的dist目录下
5、下次需要新增用户名,可以直接更新服务器中dist文件下的config.js文件