Nginx服务器部署的遇到一些问题

 

一,部署环境

  • 腾讯云服务器:2 核,2G 内存,win 2012 server 镜像;
  • Nginx:提供 web 和 http 服务,反向代理服务;
  • node 版本:12.14.1

二,遭遇问题

  • 如何上传文件给服务器;
  • node 需要请求网易云 API,需要设置反向代理;
  • 访问服务器时,访问的是 node 的页面,而不是自己 VUE 打包的界面;
  • 能访问到自己的界面,但还是会有跨域问题;

三,问题解决

  • 如何上传文件给服务器:

上传文件使用最方便的:远程连接 – 左下角有 显示选项 – 本地资源 – 详细资料 – 可以选择自己电脑的磁盘,这样可以远程挂载到服务器,可以随便操作相当于文件夹共享;

  • node 需要请求网易云 API,需要设置反向代理:

反向代理的设置:设置 Nginx

  • 选择 Nginx 文件下的 conf/nginx.conf 文件,进行修改; avatar 3. 访问服务器时,访问的是 node 的页面,而不是自己 VUE 打包的界面:

把前端项目进行打包成 dist 文件夹后,把它放在 node 的静态文件夹下,一般文件夹名为 public;

如果想设置自己的文件夹,需要修改 server.js 文件 找到 app.use(express.static(path.join(_dirname,‘自己需要设置的文件路径’)));

  • 能访问到自己的界面,但还是会有跨域问题:

检查自己前端项目请求的地址是否改为服务器地址,例:http://localhost:3000 改为 http;//服务器地址:3000 ;

检查 node 项目 server.js 文件,看 Access-Control-Allow-Origin 是否设置正确;

If you like TeXt, don’t forget to give me a star. :star2: