子系统安装nginx
Win10中启用WSL
WSL是微软和Canonical合作为开发人员提供的一个运行在win10环境下的一个Linux子系统,由微软编写核心代码,并由Canonical提供软件包的支持。
要想使用WSL很简单,在“启用或关闭Windows功能”中找到“适用于Linux的Windows子系统(Bate)”,打开它,然后按照提示在系统设置里打开开发者模式即会自动安装完成。
重启后打开CMD或者Windows Shell,输入bash,按照提示操作,接下来的换源,下载常用软件等不赘述。
WSL中安装Nginx
本质上和在Ubuntu中进行安装并没有差别,命令如下
sudo apt-get install nginx
等待安装完成后输入以下命令验证安装
sudo service nginx status
只要能找到service,无论是否在运行就说明安装成功了,如果没有运行的话,可能是别的容器占用了80端口导致nginx启动失败。需要注意的是WSL不像虚拟机存在一个单独的环境,它的所以端口都是和win10共用。
如果服务没有运行,则关闭占用端口的程序后输入以下命令启动服务,打开浏览器输入localhost
即可看到nginx的欢迎页面
sudo service nginx start
配置nginx部署Angular
接下来把编译后的Angular应用复制到子系统中,物理机的磁盘被默认挂载在子系统的/mnt
目录下,假设我们编译后的文件放在D:\dist
,那么复制命令如下
sudo cp /mnt/d/dist /var/www -r cd /var/www ls
后两条命令是为了检查是否复制成功
接下来开始配置nginx,默认网站配置文件在/etc/mginx/sites-enabled/default
,如果不在的话可以先找到nginx.conf,然后查看配置文件位置,或者直接在http配置里面写配置也是可以的
sudo vim /etc/mginx/sites-enabled/default
上面命令打开的是欢迎页的配置文件,把root替换成自己的网站路径,404页面配置成首页,保存后重载nginx即可在浏览器里看到效果
sudo service reload
配置nginx反向代理
nginx的反向代理功能可以说是非常有名了,很多公司选择nginx专门提供反向代理和负载均衡服务,而且和在IIS中部署一样,我们需要将我们的数据请求反向代理带后端的数据接口
完整配置文件如下
配置完成后重载nginx即可
sudo service nginx reload
至此,WSL中部署Angular折腾完成。
原文地址 :https://cumtfc.github.io/2017/07/30/WSL%E4%B8%AD%E5%88%A9%E7%94%A8Nginx%E9%83%A8%E7%BD%B2Angular/
原文地址:https://www.cnblogs.com/Ai-Hen-Jiao-zhi/p/11583775.html
- 《JavaScript高级程序设计》学习笔记(4)——引用类型
- iOS项目——基本框架搭建
- iOS学习——键盘弹出遮挡输入框问题解决方案
- iOS项目——项目开发环境搭建
- im协议设计选型(上)
- iOS学习——UIAlertController详解
- iOS学习——获取iOS设备的各种信息
- iOS学习——属性引用self.xx与_xx的区别
- iOS学习——iOS 整体框架及类继承框架图
- iOS学习—— UINavigationController的返回按钮与侧滑返回手势的研究
- iOS学习——iOS常用的存储方式
- iOS学习——内存泄漏检查及原因分析
- IOS学习——iphone X的适配
- 使用PowerShell自动部署ASP.NetCore程序到IIS
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法