完成公司门户网站建设,电销网站建设,大作设计网站作品,企业服务平台工程建设云1、本地打包、上传
# 打包命令不同项目有略微差别#xff0c;核心命令
npm run build# 我们项目前端给配了测试、生产环境#xff0c;测试环境打包命令是
npm run build:stage# 建议先看一下项目的README文件打包之后#xff0c;得到一个文件夹#xff0c;一般叫dist、也有…1、本地打包、上传
# 打包命令不同项目有略微差别核心命令
npm run build# 我们项目前端给配了测试、生产环境测试环境打包命令是
npm run build:stage# 建议先看一下项目的README文件打包之后得到一个文件夹一般叫dist、也有其他名字的 提前再linux上、合适的位置建好放代码的文件夹将dist中的内容传过去
2、配置nginx
我以自己遇到的情况为例说明如果你的linux服务器还没有装nginx那就先装一下。
1找到nginx位置
# 先用命令找nginx进程pid
ps -aux | grep redis# 再用命令找位置
ll /proc/[写pid]/cwd2在nginx下的conf中找到nginx配置文件nginx.conf 在文件中编辑 http{} 块 中的 server{} 块 新增或者编辑已经不用的server主要是以下几个地方
# server{}中的listen
listen 代理端口# location{}中的root和index
root 资源根目录
index 默认索引页面 附上配置文件示例大家可以参照
server {listen 9001;server_name 192.168.191.52;location / {root /webserver/nuohua2023/ui/admin;try_files $uri $uri/ /index.html $uri/ 404;index index.html index.htm;add_header X-Content-Type-Options nosniff;#禁止嗅探文件类型add_header Content-Security-Policy script-src self unsafe-eval unsafe-inline oyxdwx.com:9443 *.aliyun.com unpkg.com g.alicdn.com *.alibaba.com *.aliapp.org *.csslcloud.net *.qq.com *.bokecc.com;#只允许同源下的jsadd_header X-XSS-Protection 1; modeblock;#开启XSS过滤器}}3重启nginx
重启可以直接用nginx重启命令也可以先停nginx服务、再启动
# 方法一直接用重启命令进入nginx安装目录执行
./sbin/nginx -s reload# 方法二先停nginx服务再启动
# 停止进入nginx安装目录执行
./sbin/nginx -s stop# 启动进入nginx安装目录执行
./sbin/nginx -c ./conf/nginx.conf查看nginx配置是否成功
./nginx -t回显test is successful说明配置正确
4访问 以我上面对admin的配置为例访问地址应该是
http://192.168.191.52:9001/login?redirect%2Findex其中“/login?redirect%2Findex”是项目访问登录页的路径由前端代码控制 http://192.168.191.52:9001由nginx配置控制