nginx部署vue项目（成功详细版本）

去nginx官网安装稳定版本

下载好以后直接解压就行（里面的内容如下图）

（2）修改conf目录下的nginx.conf文件

server {

listen 8887;#设置监听的端口

server_name localhost;

#charset koi8-r;

#access_log logs/host.access.log main;

location / {

root html/dist; #nginx里html的dist文件夹路径主要修改这一行默认值是html 改成我这样就可以

index index.html index.htm;

}

#对应上面的@router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体的文件

#因此需要rewrite到index.html中，然后交给路由在处理请求资源

location @router {

rewrite ^.*$ /index.html last;

}

# location / {

# root html;

# index index.html index.htm;

# }

#error_page 404 /404.html;

# redirect server error pages to the static page /50x.html

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

} #……. }

每次修改配置文件的时候在当前目录下的命令行敲

nginx -s reload