vue 项目部署 在nginx上

具体的下载请参考我的这篇博客点击跳转

npm run build

通过上面命令后打包好的静态资源将输出到dist目录中。如图所示：

修改nginx配置文件，配置文件为conf下的nginx.conf,修改nginx.conf中的server配置片段

server {
          server {
        listen       9999;  #默认端口是80，如果端口没被占用可以不用修改
        server_name  127.0.0.1;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   F:/fengjing/new-web/dist;    //文件夹路径
            index  index.html index.htm;
        }

        #.......其他部分省略

双击启动包

启动：

cd  C:\Users\Admin\Desktop\nginx-1.16.1
start nginx.exe

停止：

cd  C:\Users\Admin\Desktop\nginx-1.16.1
nginx.exe -s stop

浏览器打开端口即可