在rv1106上部署vue3

创建vue3项目

bash 复制代码
$ npm create vue@latest
Need to install the following packages:
create-vue@3.15.1
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/* root@192.168.9.161:/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的欢迎页面。

相关推荐
盛世隐者几秒前
【Linux】定制Linux系统
linux·运维·服务器
sean17 分钟前
开发一个自己的 claude code
前端·后端·ai编程
用户214118326360222 分钟前
dify案例分享-用 Dify 一键生成教学动画 HTML!AI 助力,3 分钟搞定专业级课件
前端
-Excalibur-2 小时前
形象解释关于TCP/IP模型——层层封装MAC数据帧的过程
linux·c语言·网络·笔记·单片机·网络协议·tcp/ip
小跌—2 小时前
Linux:数据链路层
linux·网络
用户31187945592182 小时前
Fedora 37 安装 libicu-71.1-2.fc37.x86_64.rpm 教程(命令行步骤)
linux
搬砖的小码农_Sky2 小时前
Linux(Ubuntu)操作系统下文件的解压
linux·ubuntu
太过平凡的小蚂蚁2 小时前
Kotlin 协程中常见的异步返回与控制方式(速览)
开发语言·前端·kotlin
景彡先生3 小时前
Python函数定义与调用全解析:从基础语法到实战技巧
linux·开发语言·python
Lxt.星翊3 小时前
MySQL(安装和卸载、数据库存储原理图)
linux·运维·windows