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

相关推荐
大聪明-PLUS1 小时前
通过 Telnet 实现自动化
linux·嵌入式·arm·smarc
带娃的IT创业者1 小时前
TypeScript + React + Ant Design 前端架构入门:搭建一个 Flask 个人博客前端
前端·react.js·typescript
Lin_Aries_04211 小时前
容器化 Tomcat 应用程序
java·linux·运维·docker·容器·tomcat
HAORChain2 小时前
Fabric 2.x 外部链码部署(External Chaincode Service)实战攻略
linux·docker·区块链·fabric
Lin_Aries_04212 小时前
部署 GitLab 服务器
linux·运维·服务器·docker·gitlab·github
非凡ghost2 小时前
MPC-BE视频播放器(强大视频播放器) 中文绿色版
前端·windows·音视频·软件需求
appdeveloperxg2 小时前
Centos 7 创建ftp 匿名登录和专用用户名登录可上传下载
linux·服务器
Stanford_11062 小时前
React前端框架有哪些?
前端·微信小程序·前端框架·微信公众平台·twitter·微信开放平台
洛可可白2 小时前
把 Vue2 项目“黑盒”嵌进 Vue3:qiankun 微前端实战笔记
前端·vue.js·笔记
停走的风2 小时前
关于Pycharm的conda虚拟环境包更改路径问题的配置问题
linux·pycharm·conda