在rv1106上部署vue3

创建vue3项目

bash 复制代码
$ npm create vue@latest
Need to install the following packages:
[email protected]
Ok to proceed? (y) y
> npx
> create-vue

┌  Vue.js - The Progressive JavaScript Framework
│
◇  请输入项目名称:
│  ip_cam
│
◇  请选择要包含的功能: (↑/↓ 切换,空格选择,a 全选,回车确认)
│  TypeScript

这样在当前目录下就得到一个ip_cam文件夹

编译前端项目

进入ip_cam文件夹

bash 复制代码
$ npm install
$ npm run build

编译完成后,生成一个dist文件夹

测试

把./dist文件夹中的内容scp到下位机的/oem/usr/www文件夹中

bash 复制代码
$ scp -r ./dist/* [email protected]:/oem/usr/www/

调整文件的权限

bash 复制代码
[root@luckfox www]# chmod +r favicon.ico
[root@luckfox www]# chmod +r index.html
[root@luckfox www]# chmod +x ./assets/
[root@luckfox www]# chmod +r ./assets/*

在浏览器输入下位机的ip,则显示出vue3的欢迎页面。

相关推荐
juruiyuan1111 小时前
FFmpeg3.4 libavcodec协议框架增加新的decode协议
前端
Peter 谭1 小时前
React Hooks 实现原理深度解析:从基础到源码级理解
前端·javascript·react.js·前端框架·ecmascript
丢丢丢丢丢丢~2 小时前
apache2的默认html修改
linux·运维·服务器
wusam2 小时前
Linux系统管理与编程20:Apache
linux·运维·服务器·apache·shell编程
我不想当小卡拉米2 小时前
【Linux】操作系统入门:冯诺依曼体系结构
linux·开发语言·网络·c++
ChironW2 小时前
Ubuntu 24.04 LTS系统上配置国内时间同步
linux·运维·服务器·ubuntu
LuckyLay3 小时前
React百日学习计划——Deepseek版
前端·学习·react.js
苏生要努力3 小时前
第九届御网杯网络安全大赛初赛WP
linux·python·网络安全
gxn_mmf3 小时前
典籍知识问答重新生成和消息修改Bug修改
前端·bug
hj10433 小时前
【fastadmin开发实战】在前端页面中使用bootstraptable以及表格中实现文件上传
前端