不清楚几个端口的区别和关系

Question

1. 前端我是用vue启动的8080端口
   

2. nginx配置中的三个端口
   

3. 后端的端口，我的后端的端口是8888，那么我在nginx中应该配置哪个端口？前端ajax请求应该请求哪个端口? vue应该启动哪个端口？总之对这几个端口很不清楚

Answer 1

提问者 Silence_yang 2019-08-07 10:47:46

老师，为什么我的数据已经返回了，但是浏览器还会报跨域的错误

• 双越 #1

  你先按照我说的。不要自己随意修改端口。前端端口、端口和 nginx 的代理配置，你都严格按照课程中的来，不要自己改。先调通再说。调通了，就可以继续往下学习，总是出问题，会耽误你学习进度。

Answer 2

双越 2019-08-05 14:05:01

这种情况下，建议你不要自己随意修改端口。前端端口、端口和 nginx 的代理配置，你都严格按照课程中的来，不要自己改。先调通再说。

• 提问者 Silence_yang #1

  您先给我解释一下这几个端口的用处以及关联嘛，就是不太理解。还有，是不是后面用框架直接可以设置那个头去处理跨域问题？

• 双越 回复 提问者 Silence_yang #2

  1. 由于使用前后端分离的技术方案，因此前端和后端需要启动两个 server ，因此需要两个端口。但在实际应用中，前端和后端的 server 都会走 nginx 的反向代理。因此，nginx 就需要启动一个统一对外的端口，然后分别代理到前端和后端的端口上（即 nginx 的 proxy_pass 的配置）。—— 以上这几点，都能理解吧？理解之后我再继续回复，一步一步来。

• 提问者 Silence_yang 回复 双越 #3

  这些我都理解，我主要是不理解nginx上面的配置都对应什么，哪个对应前端端口哪个对应后端端口，代理以后，ajax请求应该请求哪个端口

点开查看后面1条评论

Answer 3

提问者 Silence_yang 2019-08-05 11:47:26

老师，您先回答一下我问的几个端口的问题哈，然后再回答我现在的问题。我先在的问题是：前端vue是8080，后端是8888，ajax访问的是8080（这样才不会报跨域问题），然后报404

Answer 4

提问者 Silence_yang 2019-08-05 11:34:15

我在postman里面调试登录是成功了的