简便的本地服务器以及跨域
最近从仓库拉取下来项目,发现在本地运行出现了资源、接口无法访问以及
Uncaught ReferenceError: $ is not defined
主要就是两方面的问题
- 跨域
- 文件引入错误
那首先解决跨域问题,因为项目是写好的,目的是为了在本地去测试项目代码,所以放弃高大上的webpack,我们只需要本地去开启一个服务就好了,后台大佬和我说给我弄个nginx,但迟迟没有来安装调试因为他们使用的nginx进行了很多配置,着急本地看看效果只能自己想办法咯,使用一个近乎于零配置的服务器,它的名字是 HTTP-SERVER。
首先你的电脑要有node
1. node -v
2. 出现版本号说明你安装了node
3. npm install http-server -g (全局安装http-server)
4. cd到想启动服务的项目路径下 http-server 就可以启动服务了
5. 当然会有一些配置 自行观看npm http-server的文档就可以了
6. 为了跨域我的命令是: http-server -g -P http://xxx.com
-P是设置代理 后面接想要代理的url地址就可以了 -g是因为项目里有比较特别的文件 jquery.min.jsz echarts.jsz 其实这个jsz真的是让我找了好久才找到,据说当年app store以及外国很多大佬网站使用的压缩格式就是cssz 、jsz这样的格式,原谅我以前真的是了解的太少太天真。我本地两个重要的库就是jQuery和Echarts,但都是jsz格式文件,他们是二进制的文件导致编辑器根本无法打开,而且由于content-type无法通过http-server设置的原因会有乱码,无奈之下转念一想,这两个文件本身就是核心类库不会进行改动,那我访问本地和访问线上不都是一样的么?想到就做,在本地修改文件引入的路径,让这两个文件走代理去请求测试地址的文件,至此,网站可以进行正常的跨域获取数据以及操作!