在rv1106上部署vue3

KL＇s pig/猪头/爱心/猪头2025-03-15 10:08

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