Vue Nginx 发布部署

最新推荐文章于 2024-10-21 08:09:54 发布

leftstrange

最新推荐文章于 2024-10-21 08:09:54 发布

阅读量187

点赞数

分类专栏： Vue 基础学习文章标签： vue nginx

本文链接：https://blog.csdn.net/leftstrang/article/details/113884264

版权

Vue 基础学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

安装部署Nginx：Nginx windows 安装部署
编译Vue程序：npm run build
生成dist文件夹里面的文件如下：
将dist文件夹拷贝到：D:\nginx-1.18.0\html目录下面

配置：D:\nginx-1.18.0\conf\nginx.conf文件


worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       8088;//配置访问端口
        server_name  localhost;

 	    location / {
            //配置文件路径
            root   D:/nginx-1.18.0/html/dist;
            index  index.html index.htm;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}