项目打包后使用nginx本地服务器运行

nginx官网地址

 下载后对得到的压缩包进行解压

解压出来的结果:

打开文件夹中的conf找到nginx 用编辑器打开后找到http对象中的server对象名对listen端口号进行设置(自定义)

再往下找,找到 location  ,location里的值放入你需要上传的项目路径,找到项目单击右键点击属性会看到位置

 对位置进行复制放到root后面的位置

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   D:\MyProject\mt-app;
            index  index.html index.htm;
        }

注意后面要跟上你的上线的文件名:我的就是dist

index为要启动的文件,因为我们打包后就只有一个出口文件就是Index,所以不需要修改

之后在电脑的左下角搜索powerShell 单击右键使用管理员身份运行 之后输入nginx后在的盘,如D盘,cd d:\

输入 dir查看D盘的文件

输入 cd nginx-1.14.2 或者输入cd 后找到nginx文件夹拖进去

启动nginx :

        start nginx

最后在地址栏上输入localhost:80 就可以打开你的项目,这个端口是你自己在nginx中定义的

 

查看nginx是否启动成功:

tasklist /fi "imagename eq nginx.exe"