在手机上搭建一个小型服务器

安装配置

- nginx : 1.14.2
- node.js : 8.19.3

1. 先将自己在电脑上的 vue项目打包

    npm run build

2. 打开 aidlux 的文件管理器

如果不知道怎么打开网页的界面看这里

1. 打开文件管理器

2. 找到home，在home下新建一个 www 的文件夹

然后将刚刚打包好的 dist 文件夹放到这个 www 文件中

3. 然后在根目录下 找到 /etc/nginx/conf.d 在这个文件夹中创建一个 my.conf 配置文件

这个是我的配置文件（实际情况根据个人而定）

server {
  listen 8899; # 写需要的端口 # 前端页面的端口
  location / {
	  root /home/www/dist;  # 站定目录 （这里如果是按我刚刚的配置就这么写）
	  index index.html; # 首页文件
  }
  location /api {  #（/api 这里一定要确定好 配置的路径）
        proxy_pass http://localhost:3000; #（配置服务端的端口要和你配置的服务器端口一致）
        proxy_connect_timeout	3;
        proxy_send_timeout		30;
        proxy_read_timeout		30;			
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
        client_max_body_size	500m;
  }
}

详细配置教程可参考：
Nginx 从入门到实践，万字详解！ - NGINX开源社区

配置好后在终端输入 nginx -s reload # 刷新一下nginx

4. 配置好后先找到自己本机的 ip 地址

在终端输入 ifconfig

然后在浏览器输入你的 http://ip:端口号 就可以访问你的网页了

5. 在根目录创建server文件夹，将配置好的文件放到这个文件夹中

在终端 cd /server
用 node 启动你的服务器文件

6. 配置好了，看看效果吧

这个是上传文件后的文件