k8s部署前后分离架构微服务——跨域和缓存问题

前面k8s环境部署的差不多了,现在尝试把自己开发的微服无程序部署到k8s环境中。

首先是打包镜像,前端是用了Ant Design Vue Pro框架开发的,使用cnpm run build 编译,会在工程目录下生成一个dist文件目录,再将此目录和nginx打包为docker镜像,上传到私有harbor仓库中就可以进行k8s的部署了。

1.我这里前端的镜像和要调用api服务不在同一个pod下,就遇到了CORS(跨域资源共享)问题,前端是禁止跳转访问api的服务的,即便在api服务上做了类似下面的cors设置也还是解决不了问题。

//go代码 中间件设置
handlers.CORS(
			handlers.AllowedHeaders([]string{"X-Requested-With", "Content-Type", "Authorization", "Kt"}), //这里需要添加自定义的头部信息如Kt
			handlers.AllowedMethods([]string{"GET", "POST", "HEAD", "OPTIONS", "PUT", "DELETE"}),
			handlers.AllowedOrigins([]string{"*"}),
			handlers.AllowCredentials(), // 允许携带凭证(如 cookies)
		)

问了deepseek,我采用了使用nginx代理方案。即在Ant Design Vue Pro框架的工程目录下有deploy/nginx.conf的配置文件,将其配置文件的注释部分打开,设置代理跳转地址,为了方便过滤需要跳转的url,我在.env文件中VUE_APP_API_BASE_URL=/api统一为跳转的url添加了一个/api/ 前缀,这样在nginx代理时,就会将所有有/api/前缀的url拦截,进入代理步骤,当然你的前缀也可以自定义,只要和nginx.conf配置文件中过滤的前缀设置一致就行,如下

  location /api/ {
       proxy_pass http://roles-manag
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值