使用gin 代理 web网页

本文介绍: 业界常用的方案是nginx做代理，这个是网上最多资料的。因为我需要定制化入口，做自己的流量转发，如果再加个nginx来做第一层方向代理和网页的静态资源代理的话，那么就多了一层，哪怕都在一台服务器里，那也是多了一层性能损耗，所以我就在想，golang 没有自己的网页代理方案吗？不应该呀，非要依赖 nginx？网上的资料模模糊糊，提到gin 框架有静态资源代理的方法。但是有写得不是很具体。我实测，是可以做到的。

问web 项目的代理，业界常用的方案是nginx做代理，这个是网上最多资料的。

因为我需要做自己的流量转发，也就是所有访问都要经过我的一个流量分发微服务，这和nginx作用冲突了。如果再加个nginx来做第一层方向代理和网页的静态资源代理的话，那么就多了一层，哪怕都在一台服务器里，那也是多了一层性能损耗，所以我就在想，golang 没有自己的网页代理方案吗？不应该呀，非要依赖 nginx？

网上的资料模模糊糊，提到gin 框架有静态资源代理的方法。但是有写得不是很具体。我实测，是可以做到的。

第一步，打包 web 项目

打包完后的目录结构大概是这样的：
在这里插入图片描述

gin 路由 编写

	//前期的gin配置和普通项目一样即可，比如中间件等，该加就加。这里简写：
	router = gin.Default()
	// 静态资源代理
	router.Static("/assets","./dist/assets")
	router.StaticFile("/","./dist/index.html")

对，就这样就可以了。浏览器直接打开localhost:8080(假设端口是8080)，就可以访问了。
PS：当然，跨域的问题还是得解决的。不然一样会提示。

为什么不能在本地直接打开 index.html?

经过上面的尝试，我感觉gin也没做啥呀，怎么就可以了呢？感觉就是把index.html 文件发送给浏览器而已。

我就想为什么不能在浏览器打开 index.html 访问呢？
有疑问总得尝试下嘛。
直接用浏览器打开：
在这里插入图片描述
一片空白，打开F12查看：

哦，是因为访问不到打包的两个资源，于是我就看看:

这不是路径不对吗？那就把index里的路径引用改为相对路径：

刷新再看看：

css 文件已经可以正常引用了，再看看这个js，一直报cors 跨域错误：
在这里插入图片描述
请求的路径已经是对的了，就是跨域不允许访问，也对，浏览器为了安全，是不允许这样加载 js 文件的。
这个跨域是真的烦，好人也不放过！