vue3+thinkphp8 前后端不分离部署实现方法

适用场景和优点:

1.整个项目用一个域名即可访问

2.无需考虑跨域问题

3.前后端分离开发,不分离式部署

这里我们不讲实际案例,只讲方法(用到的代码都是随意乱写的),这个方法一旦学会,那各种实战项目都可以直接来用。

当然,vue并非直接src引入的那种方式去写,而是用npm的方式去写,这样方便代码管理和第三方库的安装。

注:本文档必须配合视频观看,

视频地址:

https://www.bilibili.com/video/BV1ub421i74r

1.搭建tp项目

1.创建项目
composer create-project topthink/think tp8

2.运行项目

cd tp8

php think run

3.安装视图view

composer require topthink/think-view

4.创建一个控制器Test

php think make:controller Test

5.渲染一个首页视图

渲染后再在view文件夹里创建一个test文件夹,一个index.html文件,测试是否能正常显示

public function index()
{
    return view();
}

2.创建vue3项目

1.首先安装node环境(必备)

2.创建项目

npm create vue@latest

3.安装依赖,运行项目

npm install
npm run dev

4.随意添加1个路由

主要用于测试与thinkphp的路由兼容性

© 版权声明
THE END
喜欢就支持一下吧
点赞16 分享