有的时候,我们将token放在header中传给后端,发现前端报错:
Request header field token is not allowed by Access-Control-Allow-Headers in preflight response.
这是应为请求头跨域的缘故,可以在后端代码跨域中加上 res.header(“Access-Control-Allow-Headers”, “*”); 允许其请求头跨域。
一般情况下我们尽量将前端和后端代码放置同一端口下,这样就避免了跨域的问题。可以通过 app.use(express.static(’./public’));设置静态文件的目录,将前端代码放置在该文件下,就可以通过后端启动的环境访问该前端代码。
服务器中,如果是nginx配置的环境,可以在/etc/nginx/conf.d文件下的配置文件中配置代理,这样就可以设置服务器默认的端口号为我们nodejs启动的端口号。如下面代码所示,只需将location中的代码设置为proxy_pass加自己node启动的端口即可。
server {
listen 80 ;
server_name localhost;
#charset koi8-r;
#access_log /var/log/nginx/host.access.log main;
location / {
proxy_pass http://127.0.0.1:3000;
}
}