首页
文章列表
交流群
文档
登录
vue3+thinkphp8 前后端不分离部署实现方法
2024-10-15 18:39:52
小程序码
文章目录
热门文章
整理下php学员遇到的一些问题
431
fastadmin监听或重写删除编辑按钮事件
285
phpstudy怎么手动安装php8.3.0版本？
275
文档：一个案例学会fastadmin插件开发
148
php基础入门课程资料文档课件
134
表单验证：密码和确认密码的验证和文字提示
76
百题斩：用递归方式扁平化嵌套数组
67
百题斩：字符串的逆序函数
60
案例代码：用油猴脚本统计b站课堂课程总时长
59
使用ffmpeg把mp4转为加密后的m3u8文件
55
### 适用场景和优点： 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文件，测试是否能正常显示 ```php public function index() { return view(); } ``` ### 2.创建vue3项目 #### 1.首先安装node环境（必备） #### 2.创建项目 ``` npm create vue@latest ``` #### 3.安装依赖，运行项目 ``` npm install npm run dev ``` #### 4.随意添加1个路由 主要用于测试与thinkphp的路由兼容性 !!! warning 此处为本文章的隐藏内容 需花费 3 积分兑换 或 猫叔授权后开放阅读。 !!!
