前端开发环境搭建

## 前提

**如果小站支持sftp的话,直接用服务器连接即可,不需要看这篇文章了。**

### 需求

- 1 开发前端,不需要重启环境,不需要重启服务,强制刷新即可
- 2 验证需要把代码上传小站,但是开发的时候不能实时看到效果
- 3 程序员很懒,不想搞重复的代码

### 准备工作

- 1.浏览器 谷歌优先
- 2.小站 可以有账号密码 ip地址
- 3.服务器 nginx等
- 4.一个IDE,推荐webstorm

### 开始搭建

#### 1.使用webstorm搭建服务

>参考:https://www.cnblogs.com/sweet_f/p/11213085.html
注意: webstorm 需要支持防火墙
https://blog.csdn.net/to10086/article/details/106472005/

#### 2.修改访问域名

> 将自己的需要访问的小站域名替换到web页面
注意:git提交代码的时候记得忽略哦

#### 3.设置代理

因为前面设置的域名和自己的本地域名不同源,所有肯定会发生跨域访问的问题

1. 需要修改nginx配置添加

```
add_header Access-Control-Allow-Origin *;
```
2. 配置代理浏览器

https://jingyan.baidu.com/article/148a1921c9dbf24d71c3b11f.html

https://juejin.cn/post/6984718525046718494

拷贝一份浏览器
设置地址为:

```
"你的浏览器地址" --user-data-dir="c:\ChromeDebug" --test-type --disable-web-security
```

原文地址:https://www.cnblogs.com/gongxianjin/p/15561595.html