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

相关推荐
Crazy________1 小时前
28Rsync免密传输与定时备份
linux·运维·服务器
阿巴~阿巴~2 小时前
信号产生机制全解析:从硬件异常到软件触发的深度探索
linux·运维·服务器
坐望云起2 小时前
Hyper-V + Centos stream 9 搭建K8s集群(一)
linux·kubernetes·centos
sky北城4 小时前
linux基本系统服务——DNS服务
linux·运维·服务器
我不吃饼干7 小时前
在 React 中实现倒计时功能会有什么坑
前端·react.js
心一信息7 小时前
如何在Ubuntu上部署excalidraw
linux·运维·ubuntu
小小小小宇8 小时前
前端PerformanceObserver
前端
人生匆匆8 小时前
linux ext4缩容home,扩容根目录
linux·运维·服务器
王者鳜錸8 小时前
PYTHON从入门到实践-18Django从零开始构建Web应用
前端·python·sqlite
拾光拾趣录8 小时前
ES6到HTTPS全链路连环拷问,99%人第3题就翻车?
前端·面试