首页
课程
圈子
文章
交流群
文档
工具
vscode代码片段
字幕提取
登录
首页
课程
圈子
文章
交流群
文档
工具
vscode代码片段
字幕提取
vue3+thinkphp8 前后端不分离部署实现方法
2024-10-15 18:39:52
积分
3
940
0
0
0
3 积分兑换
开通会员
文章目录
开通会员
解锁全部文章权限
立即开通
小程序码
扫一扫在小程序看此文章
热门文章
vscode里如果出现中文空格标出黄色突出显示,怎么去掉?
3578
php基础入门课程资料文档课件实战源码
3377
wordpress主题开发文档资料下载
2615
vscode插件code runner详细配置说明
2323
php进阶课程文档资料下载
2137
使用ffmpeg将mp4格式转为m3u8
1511
2025新版fastadmin新手小白入门课 免费文档
1337
phpstudy怎么手动安装php8.3.0版本?
1325
推荐2款mac电脑里非常好用的php集成开发环境
1285
fastadmin监听或重写删除编辑按钮事件
1167
### 适用场景和优点: 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
/年
立即购买