带二级目录的Nginx配置------目前找到的最简单的方法

由于项目不知一个,所以不得不为每一个项目建一个专有的文件夹,这就导致了在配置nginx的时候会出现二级目录

目前找到的最简单的方法

- step1:修改 vue.config.js

添加配置 baseUrl: ‘/dist/‘,

- step2:修改 router/index.js

const router = new VueRouter({
  mode: ‘history‘,
  base: ‘/dist/‘,
  routes
})

- step3: 配置nginx

在本地目录下,创建conf.d文件夹,里面随意创建任意文件,扩展名为.conf

我在本地目录下新建了一个conf.d文件夹,里面创建了一个test.conf文件

文件中添加如下配置(以vue项目为例):

  server {
        listen       80;
        server_name  localhost(域名);
        root E:/vue/prog/nginx-root/dist;  -------nginx指向目录
        autoindex on;    -------------自动锁死在index.html里
        index  index.html index.htm;
        charset utf-8;
        location /api {
            proxy_pass http://反向代理的地址;
        }
        location / {
            try_files $uri $uri/ /index.html;  -----vue官网上的配置,假设路径路由找不到的时候,默认跳转到首页index上
        }

    }

运行start nginx      就可以啦~~~~~~~~

如果本文对您有帮助,请抬抬您的小手,点下右下角的推荐, ^-^,

当然如果看了这篇博客对您有帮助是我最开心的事,毕竟赠人玫瑰,手有余香, ^-^,

如果这篇博客没有帮助到您,那就只能说一声抱歉啦

原文地址:https://www.cnblogs.com/katydids/p/9963988.html

时间: 2024-10-10 04:13:55

带二级目录的Nginx配置------目前找到的最简单的方法的相关文章

有二级目录的IIS配置

当项目配置文件中配置了二级目录时,如下: <!--二级目录地址--> <add key="SecondCatalog" value="/hotel" /> 如何配置IIS呢?这里介绍下我的做法,仅供参考.若有更好的方式,还请各位大侠不吝赐教. 1.新建一个空文件夹,我的命名为:“空网站”. 2.  打开Internet信息服务(IIS) =>网站 =>右击,添加网站 =>...,物理路径指向1中的新建文件夹(空网站文件夹)

Visual Studio Code 配置Go 开发环境最简单的方法!!!

由于大家都知道的原因,在国内如果想访问go等各种资源,都会遇到某种不可预知的神奇问题.导致在VS Code中安装 go 各种插件都会失败. 于是乎,网上就出现了各种各样的解决方案:什么手动git clone, 手动建立golang.org/x目录等等,更有 有心之人,专门研究了下VS Code的插件机制. 我觉得最根本的办法还是要解决上面那个神奇问题.配置一个代理是最方便的了. 然后,一切都清静了 下次有时间再说说如何手动弄个代理吧 原文地址:https://www.cnblogs.com/ye

thinkphp nginx 配置

thinkphp convention配置:'URL_MODEL' => '2', //URL模式 nginx rewrite配置: if (!-e $request_filename) { rewrite ^(.*)$ /index.php?s=$1 last; break; } 如果你的ThinkPHP安装在二级目录,Nginx的伪静态方法设置如下,其中youdomain是所在的目录名称 location /youdomain/ { if (!-e $request_filename){ r

nginx配置if错误语句时出错一例

server{ if (!-e $request_filename)        {                rewrite ^(.*)$ /index.php last;        } } 如果if 没有放在location时,在做memc缓存时,在错误日志里会提示以下信息 2014/05/12 10:45:51 [error] 11520#0: *325726 srcache_fetch: cache sent truncated response body while send

Linux、Nginx配置负载均衡

nginx配置负载均衡其实很简单,一直还以为负载均衡是个很高端人士玩的 首先先了解下负载均衡,假设一个场景,如果有1000个客户同时访问你服务器时,而你只有一台服务器的Nginx,且只有一个MySQL服务器,那么这些请求 可能会高出你的的服务器承受能力,就会down掉: 解决方法: 1.垂直升级:就是增加服务器的配置,CPU,内存等 2.水平升级:添加多台服务器来分担服务器压力 配置Nginx负载均衡

nginx实现带参数目录域名重定向二级域名方法

本文章介绍了关于nginx实现带参数目录域名重定向二级域名方法,有需要学习的朋友可参考一下. 下面的代码是基于nginx的子目录301到其他域名(URL)的规则.作用是例如访问http://www.php100.com/phper/php.html (有杠和没杠是不同的,下面的代码中可以看出来),自动301到 http://php.php100.com  代码如下 复制代码 location ~* ^/phper/ {rewrite ^/phper/(.*)$ http://php.php100

Nginx配置二级目录/路径 映射不同的反向代理和规避IP+端口访问

   当配置Nginx来映射不同的服务器 可以通过二级路径来反向代理 来解决一个外网端口实现多个服务访问. 配置如下: server { listen 80; server_name demo.domain.com; #通过访问service二级目录来访问后台 location /service/ { #DemoBackend1后面的斜杠是一个关键,没有斜杠的话就会传递service到后端节点导致404 proxy_pass http://backend1/; proxy_redirect of

Nginx 配置二级虚拟目录访问 Laravel 重写

server { listen 80; server_name _; root /opt/sites; index index.php index.html index.htm; etag on; gzip on; gzip_vary on; gzip_http_version 1.0; gzip_min_length 1k; gzip_buffers 4 16k; gzip_comp_level 2; gzip_disable msie6; gzip_types text/plain text

nginx rewrite二级目录跳转带斜线

由于网站url有自定义的二级目录,例如http://www.example.com/ppt ,这里需要在ppt这个二级目录后面强制加斜线.这时候就需要做rewrite规则了.网上都没有查到正确的方法.这个还是同事告我的,已实践 rewrite ^/([a-zA-Z]+)$ /$1/ permanent;