前端开发各种调试方案

谷歌浏览器解决web端项目接口跨域问题，觉得麻烦不想做代理，可以直接使用这种方式

1. 在电脑上新建一个目录，例如：C:\MyChromeDevUserData
2. 在属性页面中的目标输入框结尾先空格，然后加上如下语句：
   --disable-web-security --user-data-dir=C:\MyChromeDevUserData
   –user-data-dir的值就是刚才新建的目录。

PC端微信扫码登录调试方式（线上回调地址可运行在本地代码上）

场景： 因为做微信授权登录，授权成功都是跳转后台配置的线上回调地址，这样就无法实时代码处理回调逻辑，这种方式可以很方便的解决这一问题，以下Windows设备为例

1. 修改电脑磁盘C:\Windows\System32\drivers\etc目录下hosts文件
   文件末尾增加如下（ip为项目运行ip, 这里对应的是localhost，地址是授权登录成功的回调地址）
   127.0.0.1 www.xxx.com
127.0.0.1 xxx.com
2. vue项目配置文件config/index.js中host更换成线上地址，也就是上面的xxx.com，端口为80
3. 接口请求地址换成xxx.com域名对应的的ip地址加端口号(例: 192.168.0.15:8080)

Vconsole移动端调试工具（和小程序的体验版一样的调试功能）

1. 安装vconsole包

npm i --save vconsole

2. vue项目mian.js文件中引入

import VConsole from 'vconsole';
// 仅在test环境显示该调试工具
if (process.env.ENV_CONFIG === 'test'||process.env.ENV_CONFIG === 'test') {
  new VConsole();
};

3. 打包部署后，就能在移动端Web项目上看到如下