配置 vue 源文件路径,和打包路径
在OpenWRT的源码文件路径:
在 /package/base-files/files 中,建立 www/dist 文件夹,
并把 vue 打包内容拷贝至此文件夹中,在编译 OpenWRT的镜像时, 编译脚本会自动在 OpenWRT 系统根目录 /www下 建立dist文件,并拷贝vue源文件至dist中。
└── www
└── dist
├── index.html
└── static
├── css
├── fonts
└── js
配置 nginx.conf
修改OpenWRT的源码文件路径下的 luci_nginx.conf 文件.
robot@ubuntu:~/OpenWrt/mtk7621-19.07$ ls package/feeds/packages/nginx/files-luci-support/
60_nginx-luci-support 70_nginx-luci-support-ssl luci_nginx.conf luci_nginx_ssl.conf luci_uwsgi.conf
文件内容如下:
robot@ubuntu:~/OpenWrt/mtk7621-19.07$ cat package/feeds/packages/nginx/files-luci-support/luci_nginx.conf
user root;
worker_processes auto;
worker_cpu_affinity auto;
error_log /tmp/nginx_error.log crit; # nginx error log文件
pid /var/run/nginx.pid;
#Specifies the value for maximum file descriptors that can be opened by this process.
worker_rlimit_nofile 1024;
events
{
use epoll;
worker_connections 1024;
multi_accept off;
accept_mutex off;
}
http
{
include mime.types;
default_type application/octet-stream;
server_names_hash_bucket_size 128;
client_header_buffer_size 32k;
large_client_header_buffers 4 32k;
client_max_body_size 50m;
sendfile on;
sendfile_max_chunk 512k;
tcp_nopush on;
keepalive_timeout 60;
tcp_nodelay on;
fastcgi_connect_timeout 300;
fastcgi_send_timeout 300;
fastcgi_read_timeout 300;
fastcgi_buffer_size 64k;
fastcgi_buffers 4 64k;
fastcgi_busy_buffers_size 128k;
fastcgi_temp_file_write_size 256k;
gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_http_version 1.1;
gzip_comp_level 2;
gzip_types text/plain application/javascript application/\
x-javascript text/javascript text/css application/xml application/xml+rss;
gzip_vary on;
gzip_proxied expired no-cache no-store private auth;
gzip_disable "MSIE [1-6]\.";
#limit_conn_zone $binary_remote_addr zone=perip:10m;
##If enable limit_conn_zone,add "limit_conn perip 10;" to server section.
server_tokens off;
access_log off;
server
{
listen 80 default_server reuseport;
server_name crm;
index index.html index.htm index.php;
root /www/dist; # vue 源文件存放路径
try_files $uri $uri/ /index.html;
location /api/ {
proxy_pass http://127.0.0.1:8099; # 后端 api 接口url
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Real-Port $remote_port;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
access_log /tmp/access.log; # 连接日志信息
}
include vhost/*.conf;
}
取消 uhttpd 包
需要 uhttpd 软件配置监听 80 端口,否则会与 nginx 允许监听端口冲突。
make menuconfig
Location: x
x -> Network x
x (6) -> Web Servers/Proxies
x -> uhttpd
取消这个模块。