在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的欢迎页面。

相关推荐
Seraphim6 分钟前
UniApp,在微信小程序下,使用Hook来完成分享
前端
一枚前端小能手14 分钟前
🚀 浏览器兼容性问题的5个解决方案 - 让你的代码在所有浏览器都完美运行
前端
越前君16 分钟前
如何开发一个 Raycast 扩展?
前端·笔记
Spider_Man17 分钟前
React 组件缓存与 KeepAlive 组件打造全攻略 😎
前端·react.js·typescript
littleplayer18 分钟前
Swift: Combine的错误处理
前端·架构
前端灵派派19 分钟前
openlayer实现定位闪烁
前端
K歌、之王19 分钟前
ubuntu20搭建MQTT
前端·chrome
萌萌哒草头将军20 分钟前
Node.js v24.7.0 新功能预览 🚀🚀🚀
前端·javascript·node.js
然我21 分钟前
性能优化保姆级指南,一篇搞定所有考点💯
前端·面试·性能优化
Jensen麻瓜22 分钟前
只需一个快捷键,补全项目所有缺失翻译
前端