由于前后端分离开发,各自配置了不同的端口运行,属于跨域情况,会出现如下情况:
Access to XMLHttpRequest Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.通过搜索,确定用Nginx代理去解决这个问题。
一、下载Nginx解压就能用。
二、修改配置我是win,打开该配置文件并修改
这里的意思是对于路径包含/loginhanle的通通定位到localhost:3000
在这里使用相对路径,会默认补全如下:http://localhost:8000/loginhandle
接下来打包项目并将dist下的东西放到Nginx的html目录。
接下来运行Nginx,就可以看到成功访问了。
为保险起见,可在postman自测一下
本来我是在3000端口运行的,但
对8000访问依旧有结果,表面已经被代理了。
最终结果
我的前端打印出了返回结果。



