源码侠

RXThinkCMF_AVL8_PRO安装教程

󰌂发布时间 2022-08-08 热度 341

 当前位置:  首页 / 教程资源 / 后端教程

教程内容:

测试环境:phpstudy  (Nginx1.15.11+MySQL5.7.26+redis3.0.504)
开发工具:phpstorm
第一步:
下载源码:https://gitee.com/rxthinkcmf/RXThinkCMF_AVL8_PRO
第二步:
在phpstudy中创建项目例如:(api.zy.com)详情见下图,解压第一步压缩包获得源码,放入项目根目录根目录

001.png

(图一)
将api.zy.com的根目录设置为public,访问项目获得如下图,说明接口后台安装完成:

002.png

(图二)
第三步:
设置后端服务图片域名:imgs.zy.com 配置信息见图三:

003.png

(图三)
第四步:
Nginx后端服务域名配置(D:\phpstudy_pro\Extensions\Nginx1.15.11\conf\vhosts\api.zy.com_80.conf):

server {
        listen        80;
        server_name  api.zy.com;
        root   "D:/phpstudy_pro/WWW/api.zy.com/public";
        index   index.php;
        charset utf-8;
        # redirect server error pages to the static page /50x.html
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        
        location / {  
            try_files $uri $uri/ /index.php$is_args$query_string;
        } 
        if (!-e $request_filename) {
            rewrite  ^(.*)$  /index.php?s=$1  last;
            break;
        }
        location ~ \.php$ {
            fastcgi_pass   127.0.0.1:9000;
            fastcgi_index  index.php;
            fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
            include        fastcgi_params;
        }
        # deny access to .htaccess files, if Apache's document root
        location ~ /\.ht {
            deny  all;
        }
}



第五步:
Nginx后端服务图片域名配置(D:\phpstudy_pro\Extensions\Nginx1.15.11\conf\vhosts\imgs.zy.com_80.conf):

server {
        listen        80;
        server_name  imgs.zy.com;
        root   "D:/phpstudy_pro/WWW/api.zy.com/public/uploads";
        location ~ \.ico|jpg|JPG|PNG|GIF|JPEG|jpeg|gif|png|js|css|woff2|ttf$ {
            add_header Access-Control-Allow-Origin *;
            add_header Access-Control-Request-Methods GET,POST,PUT,DELETE,OPTIONS;
            #expires 1h;
        }
}



第六步:
前端配置,根目录和avui目录下执行 npm install 添加项目需要的扩展,在avui目录下.env 配置文件中替换接口域名为:api.zy.com  替换后端访问域名为:admin.zy.com

第七步:
创建数据库,并导入doc目录下avl8.pro.sql 数据库文件,并在根目录下.env文件中配置数据库信息 ,并配置.env文件中的后端图片域名 IMG_URL = http://imgs.zy.com

第八步:
在启动前端项目服务之前,我们需要对前端框架的请求访问地址进行配置,具体配置文件为 avui\src\config\setting.js 将请求的API地址换成你本地自己配置的域名即可,如下图所示:

005.png

(图五)

第九步:
执行前端打包命令 :npm run build 可对前端项目进行打包,打包完成后会在项目根目录自动生成 dist 目录,可以直接将此目录发布到服务并配置域名进行访问,如下图所示:

007.png

(图七)

第十步:
执行命令 npm run dev 如果有问题可以尝试(npm run serve) 即可启动本地服务,启动成功后会自动显示本地服务可访问地址,将网址拷贝值浏览器访问即可,如下图所示:

004.png

(图四)

第十一步:
设置前端域名(admin.zy.com)见下图并附上Nginx配置如下:

006.png

(图六)

server {
        listen        80;
        server_name  admin.zy.com;
        root   "D:/phpstudy_pro/WWW/api.zy.com/avui/dist";
        # 开启gzip功能
        gzip on;
        gzip_min_length 10k;
        gzip_comp_level 9;
        gzip_types text/plain text/css application/javascript application/x-javascript text/javascript application/xml;
        gzip_vary on;
        gzip_disable "MSIE [1-6]\.";
        location /{
            try_files $uri $uri/ @router;
            index index.html;
        }
        location @router{
            rewrite ^.*$ /index.html last;
        }
}


附加问题排除:修改前端文件后请重新编译,如果遇到跨域问题(脚本无法获取响应主体(原因:CORS Missing Allow Origin))的话 请在在后端服务的跨域中间件里面把你的前端访问地址加进去放行

评论(0)条

    源码侠

    站长素材 - 建站资源分享平台

    源码侠提供各类虚拟产品,虚拟资源以及教程、模板、素材等,源码侠是一个互联网虚拟产品,虚拟资源聚集地的特色网站!

    反馈建议

    kefu@xuniku.cn fuwu@xuniku.cn

    周一至周日9:00-23:00

    在线QQ咨询

    本期用户推荐小程序

    本站所有资源均为会员提供或网上搜集,版权归原作者所有,如需商业用途或转载请与原作者联系!所提供的内容仅供观摩学习交流之用,请勿用作商业用途!如有侵权,请及时 联系我们 删除

    Powered by 源码侠 © 2010-2020 流量联盟   copyright   北京流量圈信息科技有限公司