当前位置：代码网 > 服务器>服务器>Nginx > Nginx部署Vue项目添加访问后缀方式

Nginx部署Vue项目添加访问后缀方式

nginx部署vue项目添加访问后缀有时候会根据需要，区分不同的vue项目，这样要加一个后缀，不加后缀，访问是http://localhost/，加一个后缀，app，访问路径就是http://loca

nginx部署vue项目添加访问后缀

有时候会根据需要，区分不同的vue项目，这样要加一个后缀，不加后缀，访问是http://localhost/，加一个后缀，app，访问路径就是http://localhost/app

1.vue.config.js publicpath 配置为 /app/

2.route配置base为 /app,model为history

将打包后vue工程文件放入 /usr/share/nginx/html/app 目录

server {
listen 80;
server_name ip地址或域名;
location /app {
alias /usr/share/nginx/html/app/;
try_files $uri $uri/ /app/index.html;
}

}

再访问时就要加上 app后缀了

以上为个人经验，希望能给大家一个参考，也希望大家多多支持代码网。

Nginx+Tomcat群集的实现示例

一.实验环境二.安装多台tomcat服务器1.在安装tomcat之前必须先安装jdkjdk的全称是java development kit，是sun公司提供的java语言的软件开发…

2024年09月09日 • 服务器
nginx try_files指令的实现示例

try_files用于指定文件的查找规则，可以配置多个规则，会按顺序执行查找规则，若找到文件则中断查找并返回文件，若找不到则返回404响应。配置语法locati... [阅读全文]
Nginx中map指令的具体使用

map指令简单介绍当然这里写的都是官方文档是已经写过的，我简单抄一下哈。map指令来自于ngx_http_map_module模块，提供的核心能力是基于一个变... [阅读全文]
Nginx index指令使用及设置网站默认首页

本文主要介绍了nginx index指令使用及设置网站默认首页，具体如下：/斜杠代表location定位的路径，路径当中最重要的字段就是root。root默认值就是html，这个就…

2024年09月09日 • 服务器
nginx proxy_set_header的具体实现

proxy_set_header是 nginx 配置中的一个重要指令，特别是在使用 nginx 作为反向代理时。该指令允许你修改由 nginx 传递给代理后端的... [阅读全文]
Nginx日志输出配置json格式

nginx服务器日志相关指令主要有两条：(1) 一条是log_format，用来设置日志格式(2) 另外一条是access_log，用来指定日志文件的存放路径、... [阅读全文]