前端本地调试

主要内容

1. 如何在本地访问远程后端
2. 前端的调试方式

访问远程后端

这事针对登录是由专门的安全组同学建立的，cookie并不是你自己的后端程序生成的，毕竟在企业中不同的环境也对应不同的登录系统（加密方式等可能不同），而且很可能不在白名单上的服务器无法访问

1. 前端代码设置代理

config.js文件

devServer: {
	proxy: {
		'/api': { // 用于识别需要跨域的地址
			target: 'http://localhost:8080', //真实的接口地址
			ws: true, // 如果代理 websockets，配置这个参数
			changOrigin: true, // 卡其跨域
			pathRewrite: {
				'/api': 'http://localhost:8080/api' // 路径重定向
				}
			}
		}
	}

axios文件

aixos.create({
	baseURL: '/api', // 接口地址，做反向代理跨域之后，只需要填写后端提供的地址标识，用于识别来进行接口重定向 
})

代理的设置参考

https://www.csdn.net/tags/MtTaMgxsNTAyMzg4LWJsb2cO0O0O.html

2. 获取需要的额cookie

无论是刚入行还是有工作经验的肯定知道如何获取需要的cookie信息，这里就直接忽略

3. 打开浏览器

1. 在浏览器中输入localhost:8080	(只要是未使用的端口即可)
2. 开发者工具中输入刚才获取到cookie

4. 修改地址

将刚才的url改成自己本地前段启动的url地址即可，这样就可以让本地前段访问远程的地址了

前端调试

1. 开发者工具进行断点调试

这个就不多做介绍了比较常见

2. 在你需要断点的位置输入debuger

这样在你相应的位置就可以进行断点了

前端小白，不对的地方还请指教