history模式 nginx配置_Vue history模式Nginx配置

vue开发使用history模式的时候Nginx相关的配置有如下两种：

1.此种配置直接使用的根域名，没有其他的二级路径，因此root直接指向目标文件夹，即包含index.html的文件夹路径

server {

listen 80;

listen 443 ssl;

server_name manager-qa.xxx.com;

ssl_certificate /etc/nginx/ssl/2319844__xxx.com.pem;

ssl_certificate_key /etc/nginx/ssl/2319844__xxx.com.key;

root /usr/share/nginx/;

#从系统时间中正则匹配出年月日

if ($time_iso8601 ~ "^(\d{4})-(\d{2})-(\d{2})") {

set $date $1$2$3;

}

# 日期记录日志

access_log /var/log/nginx/$date-manager-qa.xxx.com.access.log;

location / {

root /usr/share/nginx/manager/qa/dist/;

try_files $uri $uri/ /index.html;

index index.html;

add_header Access-Control-Allow-Origin *;

}

2.此种配置适合同一域名下的多个项目，用二级路径来区别，不过root不再指向项目文件夹而是它的上一级

server {

listen 80;

listen 443 ssl;

server_name m-qa.xxx.com;

ssl_certificate /etc/nginx/ssl/2319844__xxx.com.pem;

ssl_certificate_key /etc/nginx/ssl/2319844__xxx.com.key;

root /usr/share/nginx/;

#从系统时间中正则匹配出年月日

if ($time_iso8601 ~ "^(\d{4})-(\d{2})-(\d{2})") {

set $date $1$2$3;

}

# 日期记录日志

access_log /var/log/nginx/$date-manager-qa.xxx.com.access.log;

location /course {

try_files $uri $uri/ /course/index.html;

root /usr/share/nginx/qa/;

index index.html;

}

location /v2 {

try_files $uri $uri/ /v2/index.html;

root /usr/share/nginx/qa/;

index index.html;

}

history模式 nginx配置_Vue history模式Nginx配置相关推荐

devserver配置_vue.config.js的配置
module.exports = {// 基本路径baseUrl: "./",// 输出文件目录outputDir: "service/dist",// esl ...
phpinfo查看可以解析的后缀_配置nginx,Apache支持pathinfo模式-什么是phpinfo模式
我也配置了很多次了,前面都快放弃了,最近在学习resuful框架写api,代码实现上没出现啥问题,倒是这个path_info的环境配置把我弄的比较郁闷你一定见过类似这样的路径:http://www. ...
apache http server 停止工作_配置nginx,Apache支持pathinfo模式-什么是phpinfo模式
我也配置了很多次了,前面都快放弃了,最近在学习resuful框架写api,代码实现上没出现啥问题,倒是这个path_info的环境配置把我弄的比较郁闷你一定见过类似这样的路径:http://www. ...
配置nginx,Apache支持pathinfo模式-什么是phpinfo模式
我也配置了很多次了,前面都快放弃了,最近在学习resuful框架写api,代码实现上没出现啥问题,倒是这个path_info的环境配置把我弄的比较郁闷你一定见过类似这样的路径:http://www. ...
配置nginx + keepalived双主模式（双机互为主备）
前言此前已经写过一篇使用keepalived实现nginx的高可用,这种方式有一台机器一直作backup使用,有50%的资源被浪费. 使用keepalived来实现nginx的高可用下面来配置ng ...
vue路由的两种模式：hash与history的区别
前言:众所周知,vue-router有两种模式,hash模式和history模式,下面来看看两者的区别. 一.基本情况直观区别:hash模式url带#号,history模式不带#号. 1.hash模 ...
宝塔php path_info,windows宝塔面板Nginx环境开启pathinfo模式
之前有人问题,windows宝塔面板nginx环境开启pathinfo模式 . 可以添加: location / { #第一部分起始 try_files $uri $uri/ /index.php$ ...
nginx vue2+webpack 和 vue3+vite 配置二级目录访问
首先我们要配置一个106.13.0.11:8083/qfqzApp的二级路由,针对于vue2项目,我们需要进行一下操作. 1.nginx配置(vue2 和 vue3配置的nginx相同) server ...
nginx技术（2）nginx的配置详解
nginx的配置 1,启动nginx 1 2 3 4 5 6 7 [root@centos6 nginx-1.2.9]# /usr/sbin/nginx -c /etc/nginx/nginx.con ...

history模式 nginx配置_Vue history模式Nginx配置

history模式 nginx配置_Vue history模式Nginx配置相关推荐

最新文章

热门文章