当前位置: 首页 > news >正文

使用gin 代理 web网页

问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文件的。
这个跨域是真的烦,好人也不放过!

于是网上看看有没有解决办法,找到这么一个方案
思路就是把浏览器的跨域安全给禁用。以chrome浏览器为例:

  1. 复制你的快捷方式一份,然后右键,选择属性
  2. 在目标中的后面加上其中参数--disable-web-security --user-data-dir=c:\chomerdata,注意有个空格,完整的启动参数如下:C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.exe --disable-web-security --user-data-dir=c:\chomerdata
  3. 从这个快捷方式启动浏览器,然后将index.html拖动到浏览器打开,就可以解决跨域了

尝试一下可以,但肯定不是可行的方案,毕竟浏览器的安全丢失了。

虽然没有找到可行的本地启动web网页的好方案,但是也帮我了解了,web项目打包之后,就是那么点东西,理论上无需对其他工具有依赖,只需要有浏览器即可启动。

相关文章:

使用gin 代理 web网页

问web项目的代理,业界常用的方案是nginx做代理,这个是网上最多资料的。 因为我需要做自己的流量转发,也就是所有访问都要经过我的一个流量分发微服务,这和nginx作用冲突了。如果再加个nginx来做第一层方向代理和网页的静态资源代…...

计算器的模拟实现

计算器的模拟实现 一、实验题目:计算器二:实验目的:三:实验内容与实现1:【实验内容】2:【实验实现】1.计算器界面的实现,如下图所示:2:各项功能的实现,如下图…...

CentOS7搭建smb服务器

安装smb sudo yum install samba samba-client samba-common配置smb vim /etc/samba/smb.conf [shared] path /path/to/shared/folder writable yes browsable yes guest ok yes valid users yourname添加smb用户 sudo useradd youname sudo smbpasswd -a youname然后会…...

openEuler 22.03 LTS x86_64 cephadm 部署ceph 16.2.14 未完成 笔记

环境 准备三台虚拟机 10.47.76.94 node-1 10.47.76.95 node-2 10.47.76.96 node-3 下载cephadm [rootnode-1 ~]# yum install cephadm Last metadata expiration check: 0:11:31 ago on Tue 21 Nov 2023 10:00:20 AM CST. Dependencies resolved. Package …...

Java计算时间差,距结束还有几天几小时几分钟

文章目录 1、写法2、备份3、LocalDate、LocalDateTime、Date、String互转 1、写法 //静态方法,传入年月日时分秒 LocalDateTime startTime LocalDateTime.of(2023, 11, 22, 15, 09, 59); LocalDateTime endTime LocalDateTime.of(2023, 11, 30, 0, 0, 0); //计算…...

【云原生 Prometheus篇】Prometheus的动态服务发现机制与认证配置

目录 一、Prometheus服务发现的方式1.1 基于文件的服务发现1.2 基于consul的服务发现1.3 基于 Kubernetes API 的服务发现1.3.1 简介1.3.2 基于Kurbernetes发现机制的部分配置参数 二、实例一:部署基于文件的服务发现2.1 创建用于服务发现的文件2.2 修改Prometheus的…...

ref详解(C#)

本质上来说 ref 的就是把 C/C 指针的那一套又拿回来了,而且还封装成一套自己的玩法。 我想设计者的初心把 ref 的功能限制得死死的,可能也考虑到 C# 是一门面向业务开发的语言,讲究的是做项目快狠准,性能反而不是第一要素&#x…...

运维高级-day01

shell回顾 1、快速生成版权控制信息,具体的内容自己替换 [root scripts]# cat ~/.vimrc autocmd BufNewFile *.py,*.cc,*.sh,*.java exec ":call SetTitle()" func SetTitle() if expand("%:e") sh call setline(1,"#!/bin/bash")…...

含分布式电源的配电网可靠性评估matlab程序

微❤关注“电气仔推送”获得资料(专享优惠) 参考文献: 基于仿射最小路法的含分布式电源配电网可靠性分析——熊小萍 主要内容: 通过概率模型和时序模型分别进行建模,实现基于概率模型最小路法的含分布式电源配电网…...

k8s docker总结特殊点

k8s docker总结特殊点 前言一、docker 的驱动。1、cgroup:(Control Groups)2、日志驱动(log driver)3、存储驱动4、网络驱动: 二、k8s中网络插件(常用calico,次flannel)**Flannel:**…...

区块链技术与应用 【全国职业院校技能大赛国赛题目解析】第四套区块链应用后端开发

第四套区块链应用后端开发 环境 : ubuntu20 fisco : 2.8.0 springboot 2.1.1 fisco-java-sdk: 2.7.2 maven 3.8.8 前言 这套后端样题,只涉及调用fisco的系统接口,不涉及此食品溯源项目的业务接口,所以我就直接生成一个springboot项目进行完成此题目。 请提前准备好一…...

《向量数据库指南》——向量数据库Milvus Cloud搭建Excel公式编辑器助手

引言 在日常工作中,Excel是我们经常使用的办公工具,而熟练应用Excel公式对于提高工作效率非常重要。然而,有时候我们会遇到一些复杂的需求,需要用到较为专业的Excel公式,而这正是Excel公式编辑器助手的用武之地。本文将介绍如何利用向量数据库Milvus Cloud搭建GPT大模型和…...

qgis添加arcgis的FeatureServer

左侧浏览器-ArcGIS要素服务器-新建连接 http://sampleserver6.arcgisonline.com/arcgis/rest/services/ 展开-双击即可...

java进阶---多态

多态的概述 什么是多态 同一个对象,在不同时刻表现出来的不同形态 多态的前提 要有继承或实现关系要有方法的重写要有父类引用指向子类对象 多态的具体实现 对象的多态是多态的核心和重点 规则: 一个对象的编译类型与运行类型可以不一致编译类型在定义对象时,就确定了,…...

常用脚本-持续更新(文件重命名、视频抽帧、拆帧、删除冗余文件、yolo2xml、转换图片格式、修改xml)

所有代码位置:Learning-Notebook-Codes/Python/常用脚本 1. 文件重命名 脚本路径:codes/files_rename.py脚本说明:可以自动重命名某个文件夹下指定类型的文件。 修改前文件名称: img1.jpg修改后文件名称: Le0v1n-20231123-X-0001.jpg imp…...

百度文心一言(千帆大模型)聊天API使用指导

开篇不得不吐槽下百度,百度智能云平台首页跳转千帆大模型平台的按钮太多了,不同按钮跳转不同的子页面,不熟悉的,能把人找懵。入口太多,就导致用户不知道从何开始。本文就从一个前端开发人员的角度,教大家快…...

C++知识点总结(7):玩转高精度除法

一、复习高低精度 一个数分为两种类型: 1. 高精度数,即一个长度特别长的数,使用 long long 也无法存储的一类数字。 2. 低精度数,即一个普通的数,可以使用 long long 来存储。 由于高精度除法比较简单,…...

LeetCode算法题解(动态规划,背包问题)|LeetCode1049. 最后一块石头的重量 II、LeetCode494. 目标和

一、LeetCode1049. 最后一块石头的重量 II 题目链接:1049. 最后一块石头的重量 II 题目描述: 有一堆石头,用整数数组 stones 表示。其中 stones[i] 表示第 i 块石头的重量。 每一回合,从中选出任意两块石头,然后将…...

使用Pytorch从零开始构建LSTM

长短期记忆(LSTM)网络已被广泛用于解决各种顺序任务。让我们了解这些网络如何工作以及如何实施它们。 就像我们一样,循环神经网络(RNN)也可能很健忘。这种与短期记忆的斗争导致 RNN 在大多数任务中失去有效性。不过&a…...

qRT-PCR相对定量计算详解qPCR相对定量计算方式——2^-(∆∆Ct) deta t

做完转录组分析之后,一般都要求做qRT-PCR来验证二代测序得到的转录本表达是否可靠。荧光定量PCR是一种相对表达定量的方法,他的计算方法有很多,常用的相对定量数据分析方法有双标曲线法,ΔCt法,2^-ΔΔCt法(Livak法)&a…...

特征工程实战:从对数变换到Box-Cox,如何驯服“偏态”数据?

1. 为什么我们需要处理偏态数据? 第一次接触真实业务数据时,我盯着电商销量分布图愣住了——80%的店铺月销不足100件,却有少数几家销量突破10万件。这种极端不平衡的分布,在统计学中被称为右偏分布(也叫正偏态&#xf…...

鸣潮自动化工具实战指南:从零部署到高级配置

鸣潮自动化工具实战指南:从零部署到高级配置 【免费下载链接】ok-wuthering-waves 鸣潮 后台自动战斗 自动刷声骸 一键日常 Automation for Wuthering Waves 项目地址: https://gitcode.com/GitHub_Trending/ok/ok-wuthering-waves 鸣潮自动化工具&#xff0…...

告别路径烦恼:在Vivado/Modelsim中正确配置$readmemh文件路径的三种方法

跨平台工程实战:三种$readmemh路径配置方案深度解析 第一次在团队协作项目中遇到$readmemh路径问题时,我盯着屏幕上"Unable to open file"的报错信息整整困惑了两小时。当时正在赶项目节点,不同工程师的仿真结果却因文件路径差异而…...

网盘直链下载助手终极指南:免费解锁八大网盘高速下载

网盘直链下载助手终极指南:免费解锁八大网盘高速下载 【免费下载链接】Online-disk-direct-link-download-assistant 一个基于 JavaScript 的网盘文件下载地址获取工具。基于【网盘直链下载助手】修改 ,支持 百度网盘 / 阿里云盘 / 中国移动云盘 / 天翼云…...

Sublime Text 4 在Ubuntu上的3种安装方式对比:APT vs Snap vs 源码编译

Sublime Text 4 在Ubuntu上的3种安装方式对比:APT vs Snap vs 源码编译 在Linux开发环境中,文本编辑器的选择往往直接影响工作效率。Sublime Text以其极致的响应速度、丰富的插件生态和高度可定制性,成为众多中高级开发者的首选工具。本文将深…...

SQLmap-GUI:从命令行恐惧到图形化自由的完美蜕变

SQLmap-GUI:从命令行恐惧到图形化自由的完美蜕变 【免费下载链接】sqlmap-gui 基于SQLmap工具进行汉化,并提供GUI界面 项目地址: https://gitcode.com/gh_mirrors/sq/sqlmap-gui 你是否曾经面对SQLmap那密密麻麻的命令行参数感到无从下手&#xf…...

避坑指南:QGC里那些让人头疼的参数——EKF2、电池与安全设置详解

QGC参数调优实战:从EKF2异常到电池校准的深度避坑手册 无人机飞控参数的调试过程就像在迷宫中寻找出口——每个转角都可能藏着意想不到的陷阱。上周一位资深飞手向我展示了他的飞行日志:在看似完美的参数配置下,飞机突然在悬停时出现位置漂移…...

IL‑6‑PEG‑Fe₃O₄ NPs,IL‑6 因子‑PEG‑四氧化三铁纳米颗粒,成分与性质

IL‑6‑PEG‑Fe₃O₄ NPs,IL‑6 因子‑PEG‑四氧化三铁纳米颗粒,成分与性质IL-6-PEG-Fe₃O₄ NPs(IL-6 因子-PEG-四氧化三铁纳米颗粒)是一类由细胞因子蛋白、有机高分子以及无机磁性纳米材料构建的多层复合纳米体系,其…...

解决milkdown插件命令冲突的终极指南:掌握命令优先级设置技巧

解决milkdown插件命令冲突的终极指南:掌握命令优先级设置技巧 【免费下载链接】milkdown 🍼 Plugin driven WYSIWYG markdown editor framework. 项目地址: https://gitcode.com/GitHub_Trending/mi/milkdown 在使用milkdown这款插件驱动的所见即…...

如何使用SonarQube提升Gumbo Parser代码质量:C语言HTML5解析库的静态分析指南

如何使用SonarQube提升Gumbo Parser代码质量:C语言HTML5解析库的静态分析指南 【免费下载链接】gumbo-parser An HTML5 parsing library in pure C99 项目地址: https://gitcode.com/gh_mirrors/gum/gumbo-parser Gumbo Parser是一个用纯C99编写的HTML5解析库…...