美文网首页Vue
nginx部署vue打包项目(windows)

nginx部署vue打包项目(windows)

作者: paperss | 来源:发表于2018-07-06 15:26 被阅读64次

    准备:
    1.安装nginx(window) http://nginx.org/en/download.html
    解压即可

    image.png

    2.准备打包好的vue项目(dist) 这里dist文件目录在: E:\projects\demos\vueAdmin-template0\dist

    image.png
    3.在nginx安装目录中找到nginx.confnginx-1.14.0\conf)进行修改
    image.png

    4.运行

    #在nginx安装目录下cmd启动nginx
    start nginx
    #访问
    127.0.0.1:8071/saas
    
    image.png

    5.在nginx安装目录下运行指令

    #启动
    start nginx
    #重启
    nginx -s reload
    #关闭
    nginx -s quit   或 nginx -s stop
    #
    

    6.vue history模式下nginx
    https://segmentfault.com/a/1190000010151973

    image.png

    相关文章

      网友评论

        本文标题:nginx部署vue打包项目(windows)

        本文链接:https://www.haomeiwen.com/subject/ivxbuftx.html