跨域解决方案session（nginx跨域解决方案）



今天有前端的代码需要部署到服务器上，自己实在是太菜了，中间遇到许多问题，不过最终暂时成功，有点乱，这里做个小结。

本文将以遇到问题，及如何解决的形式展开，仅为个人浅薄理解。

项目采用烂小街的前后端分离Vue+Springboot

1.什么是前端部署？

笔者对前端的理解不深，甚至可以说完全不懂前端。项目团队中前端的同学把编译好的vue代码给我时，我开始觉得很简单——不就是把代码塞到后端里么，然后后端部署到服务器上。

不过有这么一个念头（一行代码）在我脑中闪过

前端要运行起来呀，我难道需要在服务器上安装npm，然后运行吗？

搜索资料后，我意识到，有远比这优雅的方法。

我找到的方法有两种：

1.部署在tomcat中，不过因为tomcat依赖java环境，所以配置可能复杂一些。

2.部署在nginx中。

最终我衡量之下选择后者，因为项目本身使用了nginx。

2.nginx配置

我完全没接触过nginx，通过数十分钟的学习大概了解到，nginx大概是个服务器，并且可以做一些所谓的“反向代理”工作，我的理解就是可以将域名映射到部署的服务（程序）中。

上面主要有两个server配置，为了避免争议，我将域名和文件名做了处理。nginx.conf中配置了两个服务（在http{}中）。我们主要看第二个。网上搜一下就大概能明白，这个配置，我如果访问www.yuming.com:8080,那么就可以访问到服务器中的/home/xxx/xxx/dist/index.html资源。

虽然易懂，但还是有很多坑

1.端口号，服务器需要放行端口，一开始我不知道服务器需要配置，一直无法访问。

2.alias 参数 结尾需要加/ ，这里也可写作root。

3.nginx需要对访问的资源具有权限（这是很多报403的原因）

所以 开端口 加/ 加权限 解决

3.Linux 命令

说实话，不常用linux，命令真的不太记得住

修改文件权限

将文件从本地传输至服务器 其中 -r代表文件夹 -P是端口，注意P要大写

快速查看文件信息

vim指令

i插入 开始编辑

按下esc

4.跨域问题

终于将服务部署完成并且运行成功后，前端忽然报错了，页面按钮请求均无反应，前端跟我说可能是跨域问题，于是我又开始寻求答案。原来，只要是跨域名，跨端口，跨协议，都是跨域。

解决这个问题我其实只花了一行代码

在需要调用的controller类上加上了一个注解：

ok大功告成

其实在这个过程中我感受到最大的一点就是：知识太缺乏了。要是熟练掌握nginx配置、正则表达式、linux命令、maven项目的编译运行……

其实配置很简单！！

虽然我最终成功配置，但是深深感受到了自己的“无知”，真是惭愧。

希望有一天能够不再现学现用，虽然我觉得解决问题的能力同样重要，但起码不要从头开始现学现用。

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/bcyy/53314.html