服务器上部署vue项目（用nginx）

服务器上部署vue项目（用nginx）

• 前提：

  • 有一台服务器
  • 有java
  • 有nginx
  • Xftp 7

• 步骤：

  • 1、vue项目打包

    # 当项目未设置分环境部署时
    npm run build
    
    # 当项目分环境部署时，打包正式环境
    npm run build:prod
    
    # 当项目分环境部署时，打包预发布环境
    npm run build:stage
    

• • 2.安装nginx，运行nginx

外部访问：访问ip地址查看效果

• 3、上传vue的打包文件
  • 使用Xftp 7上传vue 的打包文件，

• 4、修改ngnix的配置文件

  • 地址：/usr/local/nginx/conf/nginx.conf
    

• 5、重新启动nginx，然后再用

  • 命令：ps -ef | grep nginx 看是否启动

• 6、访问项目
  

• 结束语：
  希望可以帮助到你，如果对你有点帮助请帮忙点点赞赞！ 谢谢

总结：

• 在服务器上的东西，自己亲手去搞一次就会了，没啥东西，要的就是有一颗探索或者求学的心。
• 学海无涯苦作舟