首页
课程
圈子
文章
交流群
文档
工具
vscode代码片段
字幕提取
登录
首页
课程
圈子
文章
交流群
文档
工具
vscode代码片段
字幕提取
vue3+thinkphp8 前后端不分离部署实现方法
2024-10-15 18:39:52
积分
3
802
0
0
0
3 积分兑换
开通会员
文章目录
开通会员
解锁全部文章权限
立即开通
小程序码
扫一扫在小程序看此文章
热门文章
vscode里如果出现中文空格标出黄色突出显示,怎么去掉?
3104
php基础入门课程资料文档课件实战源码
2839
wordpress主题开发文档资料下载
2078
vscode插件code runner详细配置说明
2056
php进阶课程文档资料下载
1616
使用ffmpeg将mp4格式转为m3u8
1274
推荐2款mac电脑里非常好用的php集成开发环境
1095
phpstudy怎么手动安装php8.3.0版本?
1091
fastadmin监听或重写删除编辑按钮事件
1046
整理下php学员遇到的一些问题
998
### 适用场景和优点: 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 积分兑换 或 在下方开通会员解锁。 !!!
0
0
铜牌 · 会员
解锁全部文章
全部课程8折购买
如果在b站充值了专属会员,可联系猫叔直接开通相同时间的此会员
¥
50
/年
立即购买
金牌 · 会员
解锁全部文章
全部课程5折购买
微信一对一答疑
优先解决问题
¥
1999
/年
立即购买