如何在麒麟系统上运行Vue项目

越来越多的网站用Vue开发。

最近这个项目，用antdv开发了一个简单的前端页面，需要部署在麒麟系统上。电脑不能上网，所以不能用apt安装nginx。

一、安装nginx

方案：下载源码编译

下载地址：http://nginx.org/en/download.html

下载最新稳定版的.tar.gz包即可

1、解压

切到nginx包目录，运行命令：

tar -zxvf  nginx-1.xx.x.tar.gz

2、编译

用cd命令进入nginx目录（1.xx.x是版本号）：

cd nginx-1.xx.x

配置并编译：

./configure --prefix=/home/xxxx/nginxmake && make install

配置一个安装路径

3、我的电脑很顺序就编译成功了，可能是我电脑事先安装了openssl和pcre的缘故：

openssl安装包：https://www.openssl.org/source/

pcre安装包：https://ftp.pcre.org/pub/pcre/

二、编写配置文件

官方有给的模板，“conf”文件夹里的“nginx.conf”文件

基本的配置文件内容如下：

# 报错没权限，是因为缺少下面这一句
user root;events {worker_connections   1024;
}http {# 报错css样式没生效，是因为缺少下面这个配置# 文件mime.types所在以目录，包里就有，不必另外下载include /xx/xx/xx/mime.types;server {# 端口listen       80;# 域名或者ip，客户机访问用的server_name  localhost;location / {# vue打包好的dist所在的目录root  /xx/xx/xx;# 指定首页，上述目录下的文件index index.html index.htm;}}
}

三、刷新页面报404

解决办法1：

        location / {# vue打包好的dist所在的目录root  /xx/xx/xx;# 指定首页，上述目录下的文件index index.html index.htm;# 解决办法1if (!-e $request_filename) {rewrite ^(.*)$ /index.html?s=$1 last;break;}}

解决办法2：

        location / {# vue打包好的dist所在的目录root  /xx/xx/xx;# 指定首页，上述目录下的文件index index.html index.htm;# 解决办法2try_files $uri $uri/ /index.html;}

四、启动服务

1、用上述配置文件启动：

./xx/xx/nginx -C /xx/xx/xx/xx.conf

注意nginx和conf文件都得是全路径

2、其他命令：

（1）停止：

./xx/xx/nginx -s stop

（2）退出：

./xx/xx/nginx -s quit

（3）重启：

./xx/xx/nginx -s reopen

（4）重新加载配置文件

./xx/xx/nginx -s reload

（5）查看帮助

./xx/xx/nginx -s -h

我这边很顺利启动了服务

参考文章：

https://blog.csdn.net/qq_31407255/article/details/86409829

https://www.cnblogs.com/tec-dream/p/12087887.html

如何在麒麟系统上运行Vue项目相关推荐

在nginx上部署vue项目(history模式)；
在nginx上部署vue项目(history模式): vue-router 默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载.但是如果我们不想has ...
麒麟系统开发笔记（九）：在国产麒麟系统上搭建宇视摄像头SDK基础环境Demo
若该文为原创文章,转载请注明原文出处本文章博客地址:https://hpzwl.blog.csdn.net/article/details/127532255 红胖子(红模仿)的博文大全:开发技术集 ...
使用vscode运行vue项目
!!学习完vue环境搭建并创建项目后下面我们介绍使用vscode运行vue项目.!! 文章参考:https://www.csdn.net/gather_29/OtTagg3sNzA2LWJsb2cO0 ...
Error: error:0308010C:digital envelope routines::unsupported问题的解决方案包括webstorm运行vue项目的解决方案
原因:主要是nodejs17版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制,npm升级导致了与OpenSSL不兼容导致的初始化失败,而我的电脑上的node.js是v18.16.0的 ...
在Linux和Mac OS X系统上运行.NET
.NET Core运行时已经看到了实现真正的跨平台的美好前景,它最终出现在Linux和Mac OS X平台上.在上周举办的Microsoft Build大会上,来自微软的项目经理Habib Heyda ...
银河麒麟配置java环境_中标麒麟系统上安装Java、Eclipse指南.doc
中标麒麟系统上安装Java环境指南 Java_NeoKylin_Install_Guide 2015-01-12 修订记录序号版本号日期修订人摘要 1 1.0 目录Content 概述 -- ...
vmware虚拟机上的centos安装Hadoop,以及在本地eclipse上运行mapReduce项目，并将文件输出到HDFS中...
注意centos主机名不支持下划线,所以文章中若出现centos_02.com,请替换为 centos02.com vmware虚拟机上的centos安装Hadoop 安装vmware虚拟机虚拟机上 ...
在nginx上部署vue项目(history模式)--demo实列；
转载地址:https://www.cnblogs.com/573734817pc/p/11057677.html 在很早之前,我写了一篇关于在nginx上部署vue项目(history模式) 但是 ...
关于如何在XP系统上运行opencv生成的C++动态库
先讲下为什么要在xp系统上运行opencv生成的C++动态库,原因是我做了一个图像检测项目,使用C#编写的,C#里有个opencvsharp图像处理包,对于C#程序员调用在舒服不过了,但是!客户比较守 ...

如何在麒麟系统上运行Vue项目

如何在麒麟系统上运行Vue项目相关推荐

最新文章

热门文章