下载项目:
安装数据库:
数据库文件地址:
数据库连接:(这里的env是根目录下)
前段配置:(注意这里的 .env是avui下,.env 是 运行npm run build 的时候 .env.developement是运行 npm run serve的时候使用)
打开PHPstudy:创建项目(注意:php环境7.3.4,前端的根目录在public下)
加入伪静态:
伪静态代码:
location / {
if (!-e $request_filename){
rewrite ^/(.*)$ /index.php/$1 last;
}
}
设置跨域问题:(也就是前端localhost:8080的端口可以跨域访问后端 localhost:8071的端口)
设置图片位置:(Vue前端地址+uploads目录下)
进入avui文件夹内,运行 npm install:
npm install
目的是为得到:node_modules
之后运行命令:
npm run serve
特别注意:如果运行 npm run serve 报错,就要把 node_modules 全部删除,再次 npm install,之后再运行 npm run serve。如果还是报错,则直接复制已运行成功的 node_modules 到本地。
之后运行 npm run serve:
效果展示: