哈尔滨行业网站开发,有经验的扬中网站建设,浙江舟山建设厅网站,2017淘宝客网站怎么做目录 一、前端应用打包
二、部署前端应用
1、上传前端文件夹
2、修改nginx配置文件
3、重启nginx
三、查看效果 nginx安装参考#xff1a;linux安装nginx-CSDN博客
一、前端应用打包
打包命令
npm run build
打包成功如下#xff0c;会在项目路径下生成dist文件夹 二…目录 一、前端应用打包
二、部署前端应用
1、上传前端文件夹
2、修改nginx配置文件
3、重启nginx
三、查看效果 nginx安装参考linux安装nginx-CSDN博客
一、前端应用打包
打包命令
npm run build
打包成功如下会在项目路径下生成dist文件夹 二、部署前端应用
1、上传前端文件夹
第一步打包生成的dist文件夹放置服务器上这个目录可自定义只需要在nginx中配置正确就可以。
以路径//usr/local/project/front 为例将dist文件夹放到此路径下 2、修改nginx配置文件
进入nginx安装目录 /usr/local/nginx,配置文件是conf文件夹下的nginx.conf 在http -- server -- location 层级下修改root节点为上面上传的前端文件夹的路径
端口为默认的80可以不修改也可以修改。 修改完之后保存退出。
3、重启nginx
执行命令
nginx -s reload
如果显示command not found命令找不到可以进入nginx安装路径/usr/local/nginx/sbin(根据自己的安装路径来)路径下执行
./nginx -s reload 也可以修改commond not found 的报错那就是配置下自己环境变量即可。
三、查看效果
浏览器输入ip地址如果修改了nginx的默认端口记得加上端口不加默认就是80端口
