使用ngrok+ubuntu+nginx unit 实现前后端分离个人网站公开同时避免跨域

ngrok的注册与使用

1.注册ngrok账号(需要谷歌账号或GitHub账号)

2.安装ngrok:点击Setup&installation跟随步骤安装ngrok

3.创建你的eage(每个用户拥有一个免费的域名,足够个人网站的公开)

nginx unit的配置

这里就不说ubuntu和docker和nginx unit的安装了,有问题可以私我

sudo -i #获取root权限,随后输入你的虚拟机密码
docker pull unit #拉取镜像
docker run -d -p 9000:80 --name myunit unit #创建容器
docker exec -it myunit bash #进入容器
apt update  # 更新apt软件包列表
apt install nano #安装Nano编辑器
apt install curl #安装curl
cd var/lib/unit #进入conf.json所在目录
nano conf.json #将以下内容粘贴进去保存退出,注释去掉,根据你本机前后端服务器配置
{
  "listeners": {
    "*:80": {
      "pass": "routes"
    }
  },
  "routes": [
    {
      "match": {
        "uri": "!*/api/*" #这里是指所有不含api的路径会被代理到你的前端服务地址
      },
      "action": {
        "proxy": "http://192.168.125.69:9000"#前端服务地址
      }
    },
    {
      "match": {
        "uri": "/api/*" #所有以api开头的请求转发到后端地址