安装配置
- 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. 配置好了,看看效果吧
这个是上传文件后的文件