前端跨域解决 （vscode live server proxy 代理）

这个显然是处理前端跨域最优的方法了，在此记录下来方便以后使用，附送scss 转 css

使用 vscode IDE作为编写工具

1搜索并加载 vscode 插件 live server
2要文件根目录创建 "vscode" 目录
3在 vscode 目录下创建settingsjson
4proxUri 为代理的目标地址
5baseUri 识别代理的符号 （如下例中 baseUri: '/api', 则以"/api"开头的网络请求都将被识别为需要代理转发的地址，并把 ‘/api’重写为空""）

1ajax请求会受到浏览器同源策略的限制（同源 = 域名 + 端口 都一致）
2ajax请求默认携带 同源下的所有cookie, 如果不做限制 a 去请求 b 的时候就等于把a所有的cookie 都告诉b。
3同源下： 张三的网站只能访问张三的内容如鞋子衣服吃饭等等，如果想访问李四的，浏览器就不让你干了。如果充许这么干的话，张三的cookie隐私将直接暴露给李四，李四有可能干一些不怀好意的事情。
4跨域情况：张三把钱都放在李四那里，现在张三想去李四那边取钱，这时候就需要跨域了。
5跨域怎么解决呢？接下来把解决问题的思路简单描绘一下。
51：李四告诉全世界说我对钱不感兴趣，只要我有，你们所有人都随便来取。因此，当浏览器看到张三要取钱的人是李四这种慈善家，就不再拦着你了。
52：李四不是慈善家怎么办？于是张三这个时候就很讨厌浏览器，想了个办法绕过浏览器，然后另外找了个代理去跟李四取钱
521: 问题是绕过浏览器？怎么绕呢？ 于是张三自己建了个服务器，每次要跟李四取钱的时候就欺骗浏览器说我要跟自己的服务器取钱，浏览器这个时候也就不再拦着你了
522：当张三自己的服务器接收到跟李四取钱任务后，就以proxy代理的身份向李四取钱，取完钱之后再通过浏览器给了张三
523：vscode 中的live server 插件里面就这个代理向李四取钱的代理服务器功能，本文settingsjson 中包含了配置信息
6当然还有一些很多牛叉的解决跨域的方法。若有兴趣的同学可以一起研究探讨。

需要。第一步：安装远程连接插件
点击左侧的扩展按钮，搜索插件“ Remote Development ”进行安装

第二步：配置连接服务器账号
1）安装完后会在左侧生成了远程连接的图标，点击此图标，然后选择设置图标

2）点击d出的 config文件，如下图

3）在文件中填写服务器的配置
Host为在VS Code内显示的名称，可以随意填写，Hostname是远程服务器的公网IP地址，User 是用于登录的用户名称。如下图：
选择ssh/config

第三步：修改VS Code 设置
依次选择 “文件”->“首选项”->“设置”，搜索 Show Login Terminal，勾选 ‘Always reveal the SSH login terminal’

第四步：进行远程连接并 *** 作
1）再点击远程连接的图标，选择 Connect to Host in New Window，如下图

2）点击后会打开一个新的VSCode，在下方的终端中，输入登录密码

3）输入后会显示已连接到远程，这时选择打开文件夹，

4）选择要打开的文件夹，点击确定
或者控制台执行 打开对应的文件夹


vscode无法使用界面化拉取的原因及解决方案。
1、没有正确配置vscode的Git工具或者没有将Git工具添加到系统的PATH环境变量中。可以正确安装并配置Git工具，并将其添加到系统的PATH环境变量中。
2、Git工具版本过低，不支持VSCode的界面化拉取功能。可以更新Git工具版本，确保其支持VSCode的界面化拉取功能。
3、网络环境存在问题，无法连接到Git服务器。可以检查网络环境，确保正常连接到Git服务器。

今天晚上突然发现VScode Remote 连接不到服务器了，但是直接ssh是没有问题的。在vscode控制台发现以下错误，Acquiring lock on /root/vscode-server/bin/f80445acd5a3dadef24aa209168452a3d97cc326/vscode-remote-lockrootf80445acd5a3dadef24aa209168452a3d97cc326

网上没有找到类似问题的解决方案，故记录一下。

服务器端的VScode Remote插件安装在 /root/vscode-server 目录下面，插件被lock不可用了估计是版本更新的时候导致的。

简单粗暴，把整个目录直接删除了，重新使用VScode Remote连接时在会在服务器端安装新的插件即可正常使用。

mac，在终端能连接上远程服务器，但是vscode却一直显示超时。报错如下：

可能是因为服务器太慢，等太久而报错，可以将超时时间设置长一些。步骤如下图，我将超时时间改成了60：

---