iview-admin 部署到子路经

Posted 山间漫步人生路

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iview-admin 部署到子路经相关的知识,希望对你有一定的参考价值。

例如想访问:https://www.foobar.com/center/
或者需要使用nginx代理,嵌套项目到某平台里面的时候


2、nginx配置

 这里使用alias ,不能用root
server {
        listen       80;
        server_name  localhost;
        client_max_body_size 200m;
   location / {
           #root   /usr/share/nginx/html/;
            index  index.html index.htm;
            #try_files $uri $uri/ @router;
           }
   location /center/ {
            alias   /usr/share/nginx/html/;
            index  index.html index.htm;
            try_files $uri $uri/ /center/index.html; 
           }
   location @router {
          rewrite ^.*$ /index.html last;
        }
   location /alterCenter {
        proxy_pass http://10.168.102.11:31351;
	}
  location /system {
       proxy_pass http://10.168.152.52:30966;
	}
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

3、alias和root的区别

#当客户端请求是  /center/js/util.js 时
 
location /center {
	root   /var/center/dist/;	
}
 
#root映射结果为    /var/center/dist/center/js/util.js
#(实际util.js 文件是在dist/js/目录下,这样会访问不到资源)
 
location /center {
	alias  /var/center/dist/;	
}
 
#alias映射结果为   /var/center/dist/util.js

4、router中的index.js添加base: ‘center’

这样就可以实现https://www.foobar.com/center/
或者需要使用nginx代理,嵌套项目到某平台里面了

以上是关于iview-admin 部署到子路经的主要内容,如果未能解决你的问题,请参考以下文章

iview-admin框架重复点击左侧子级菜单时会报错

导致资产预编译在heroku部署上失败的代码片段

iview-admin使用

Vue.js PWA 插件在部署到子文件夹时不加载 service-worker.js (Github Pages)

vue2 + iview-admin 1.3 + django 2.0 一个最简单的增删改查例子

iView-admin下设置请求路径