42 --＞ OpenWRT 添加非 C语言文件打包至镜像，VUE + nginx 打包至镜像

配置 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
取消这个模块。