cloudstack使用nginx部署ui

news2024/9/20 18:45:07

 一、源码打包 


#在ui目录下
#安装依赖
npm install
#启动项目
npm run serve

 将打包后的文件复制到nginx的文件区域,示例使用/usr/local/code/front/ui/文件夹 二、配置nginx

# For more information on configuration, see:
#   * Official English Documentation: http://nginx.org/en/docs/
#   * Official Russian Documentation: http://nginx.org/ru/docs/

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
    worker_connections 1024;
}

http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 4096;

    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;


    include /etc/nginx/conf.d/*.conf;

    server {
        listen       80;
        listen       [::]:80;
        server_name  _;
        

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location / {
            add_header Cache-Control no-store;
 
            alias /usr/local/code/front/ui/;
 
            index index.html index.htm;
            
        }
  location /client/ {
         
            proxy_pass http://localhost:8080/client/;
        }
 

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }



}

  给nginx用户和组执行权限,避免访问403

chown  -R nginx:nginx /usr/local/code/front/ui/

三、重启nginx

systemctl restart  nginx.service
http://localhost/#/user/login?redirect=/dashboard

 使用默认账号:admin 默认密码:password

UI Access
To get access to CloudStack’s web interface, merely point your browser to the IP address of your machine e.g. http://172.16.10.2:8080/client The default username is ‘admin’, and the default password is ‘password’.

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/736625.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Vue3中父子组件实现数据双向绑定效果

父组件&#xff1a; <template><div class"user"><hy-form v-model"formData" /></div> </template><script lang"ts"> import { defineComponent, ref } from vue import HyForm from /base-ui/formexpor…

基于Hololen2 unity vuforia空间生成大型物体,以及打开内部浏览器的打开教程

1.简介 1.1 功能介绍 本文主要做了两个功能&#xff1a; 1.扫描一张二维码生成一个操作台&#xff08;桌子&#xff09;&#xff0c;这张桌子比二维码尺寸大非常多&#xff08;就是实际物体大小的桌子&#xff09;&#xff0c;所以需要定位 好桌子和操作台之间的位置关系。并且…

【计算机组成与体系结构Ⅰ】课后作业汇总

目录 1-1 1-2 2-1 3-1 3-2 4-1 4-2 5-1 6-1 6-2 7-1 7-2 1-1 作业1. 袁春风《计算机组成与系统结构》第2版或者第3版&#xff1a;第1章 习题 2&#xff08;1&#xff09;-&#xff08;3&#xff09; 冯诺依曼计算机由哪几部分组成&#xff1f;各部分的功能是什么&…

java.sql.SQLException: connection holder is null

一、工作中遇到的问题汇总 1、java.sql.SQLException: connection holder is null&#xff1b; 问题描述&#xff1a;对于大表进行查询、修改操作时&#xff0c;有时sql需要执行很长时间&#xff0c;这时就可能在执行到半路时、报错SQLException: connection holder is null。…

时间序列分析波动性预测GARCH模型

GARCH&#xff08;Generalized Autoregressive Conditional Heteroskedasticity&#xff09;模型是一种常用于预测金融时间序列波动性的统计模型。它是ARCH&#xff08;Autoregressive Conditional Heteroskedasticity&#xff09;模型的扩展&#xff0c;通过引入对过去波动性的…

python怎么获取免费代理IP

什么是免费代理IP 免费代理IP是指可以免费使用的代理服务器的IP地址。代理服务器充当客户端和目标服务器之间的中间人&#xff0c;通过转发请求和响应来实现网络数据的传输。使用代理IP可以隐藏真实的客户端IP地址&#xff0c;实现匿名访问网络资源。 免费代理IP通常由个人或组…

【Java】自定义对象作为HashMap的键,同时重写hashCode和equals方法

如果要将自定义类的实例 作为HashMap的 键&#xff0c;必须重写hashCode和equals方法 简单版本&#xff0c;看不懂看后面复杂版本解释 复杂版本解释 当我们用 HashMap存入自定义的类时&#xff0c;如果不重写这个自定义类的equals和hashCode方法&#xff0c;得到的结果会和我们…

3.精通RabbitMQ—基础 RabbitMQ知识、进阶 RabbitMQ知识

本文目录如下&#xff1a; 什么是 RabbitMQ?什么是 消息中间件?RabbitMQ 的应用场景&#xff1f;RabbitMQ 中主要包含哪几个部分&#xff1f; 精通 RabbitMQ&#xff0c;从认识开始 什么是 RabbitMQ? RabbitMQ 整体上是一个 生产者与消费者模型&#xff0c;主要负责 接收、…

Redis的一个大Key

什么是 redis 的大 key? redis 的大 key 不是指存储在 redis 中的某个 key 的大小超过一定的阈值&#xff0c;而是该 key 所对应的 value 过大对于 string 类型来说&#xff0c;一般情况下超过 10KB 则认为是大 key&#xff1b;对于set、zset、hash 等类型来说&#xff0c;一…

无线通信模块接口类型_USB/SDIO/UART接口wifi模块特性

无线通信模块接口,简单来说设备需要与外部设备交换数据的通讯接口,如工程师常提到的USB接口,UART接口,SDIO接口,I2S接口,I2C接口,WAN口,LAN口,SPI接口,以太网接口(RJ-45接口)等。 原文链接:http://www.skylab.com.cn/newsview-2768.html 1、USB接口 USB接口是平…

Git gui教程---第六篇 Git gui的使用 变动,提交

变动&#xff0c;提交 修改TEST.txt的内容&#xff0c;并且点击重新扫描&#xff0c;则TEST文件会出现在未缓存的窗口中 像前面教的一样&#xff0c;缓存后&#xff0c;添加描述后提交&#xff0c;并且打开历史记录可以查看到提交的变动。我这里会新增一个文件并且提交多几次&…

N天爆肝数据库——MySQL(2)

本篇文章&#xff0c;主要对DML DQL进行知识总结和学习。 期待和大家一起学习进步。DML-介绍 DML(数据库操作语言)&#xff0c;用来对数据库中表的数据 记录进行增删改操作。 添加数据&#xff08;INSERT&#xff09; 修改数据&#xff08;UPDATE&#xff09; 删除数据&#…

计算机毕业论文内容参考|基于Java的城乡低保信息管理系统的设计和实现

文章目录 导文摘要:前言:绪论:1课题背景:2国内外现状与趋势:3课题内容:相关技术与方法介绍:系统分析:系统设计:系统实现:系统测试:总结与展望:1本文总结:2后续工作展望:导文 这里是导文计算机毕业论文内容参考|基于Java的城乡低保信息管理系统的设计和实现 摘要:…

C++图形开发(10):移动的方块

文章目录 1.引入2.静止的方块3.移动的方块 1.引入 那么我们今天就来实现一下矩形的移动 注意&#xff1a;本篇文章的内容都是基于此前用空格控制的小球的基础上进行开发的&#xff0c;详见&#xff1a;C图形开发&#xff08;8&#xff09;&#xff1a;空格键控制小球起跳 先来…

PHP实现微信小程序推送消息至公众号

1、申请微信小程序和公众号必须是同一个主体 2、小程序和公众号必须要认证 3、公众号是服务号&#xff0c;接收消息必须关注公众号 4、公众号后台配置 开通模版服务 申请模版&#xff0c;获取模板消息的ID 关联小程序 获取公众号appid 5、小程序后台获取appid&#xff0c;a…

常用异常检测算法总结记录

这篇博文主要是延续前文系列的总结记录&#xff0c;这里主要是总结汇总日常主流的异常检测算法相关知识内容。 &#xff08;1&#xff09;基于统计方法的异常值检测 基于统计方法的异常值检测是一种常用的异常检测算法&#xff0c;它基于样本数据的统计特性来识别与其他样本显…

华为OD机试真题 Java 实现【阿里巴巴找黄金宝箱(I)】【2023 B卷 100分】,附详细解题思路

目录 一、题目描述二、输入描述三、输出描述四、解题思路五、Java算法源码六、效果展示1、输入2、输出3、说明 一、题目描述 一贫如洗的樵夫阿里巴巴在去砍柴的路上&#xff0c;无意中发现了强盗集团的藏宝地&#xff0c;藏宝地有编号从0~N的箱子&#xff0c;每个箱子上面贴有…

如何从一个仪表盘管理多个WordPress网站?

您是否正在寻找一种管理多个WordPress网站的简单方法&#xff1f; 监控多个网站并使其保持更新可能非常耗时。 幸运的是&#xff0c;有几种 WordPress 管理工具可以让您从单个仪表板管理多个 WordPress 网站变得非常容易。这将帮助您节省大量时间&#xff0c;同时使所有 Word…

【Java】堆和优先级队列PriorityQueue

文章目录 一、堆1.1 堆的概念1.2 堆的存储方式1.3 堆的创建1.4 堆的插入与删除1.5 堆的应用场景 二、 优先级队列2.1 什么是优先级队列2.2 堆模拟实现优先级队列 三、Java中的PriorityQueue3.1 PriorityQueue的特性3.2 常用方法 一、堆 1.1 堆的概念 在数据结构中&#xff0c…

Python实现PSO粒子群优化算法优化随机森林回归模型(RandomForestRegressor算法)项目实战

说明&#xff1a;这是一个机器学习实战项目&#xff08;附带数据代码文档视频讲解&#xff09;&#xff0c;如需数据代码文档视频讲解可以直接到文章最后获取。 1.项目背景 PSO是粒子群优化算法&#xff08;Particle Swarm Optimization&#xff09;的英文缩写&#xff0c;是一…