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的路由兼容性