在ubuntu上启动一个vue项目

最新推荐文章于 2024-04-05 16:24:13 发布
最新推荐文章于 2024-04-05 16:24:13 发布
阅读量1.3k 收藏
点赞数 3
分类专栏： linux shell 文章标签： vue.js npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43515555/article/details/107818797
版权
本文档介绍了如何在Ubuntu系统中启动一个Vue项目。首先在本地环境中遇到npm被墙的问题，通过设置环境变量成功解决。接着将dist文件上传到服务器的指定路径，如/opt/model/dist20200805，并在nginx配置文件中更新路径和端口，最后成功启动Vue可视化大屏。
摘要由CSDN通过智能技术生成

在ubuntu上启动一个vue项目

本地：

npm install
npm run dev
npm run build

然后发现报错，大面积报错，原来是被npm给墙了
经过

 npm install -g cnpm --registry=https://registry.npm.taobao.org

新建环境变量，终于
在这里插入图片描述
在这里插入图片描述

服务器端：

dist文件传过去以后放在路径要记好：
我的是：
/opt/model/dist20200805
然后进入nginx的目录࿱

最低0.47元/天 解锁文章
Oh?Geostatistics…
关注
专栏目录
ubuntu16.04从安装vue到vscode运行项目成功，一连串的问题产生和解决过程
yn7901的博客
03-02 317
安装vue出现 /usr/bin/env: "node": 没有那个文件或目录 sudo ln -s /usr/bin/nodejs /usr/bin/node 后，又出现问题 let session = require('express-session'); ^^^ SyntaxError: Block-scoped declarations (let, const, function, cl...
Ubuntu Vue 前后端分离项目的启动部署
ccr1001ccr1001的博客
04-04 957
1. 安装node.js与npm sudo apt-get install nodej sudo apt-get install npm 检查nodejs和npm版本 nodejs -v npm -v 版本过低，直接下载源码二进制文件或者源码安装：下载地址：https://nodejs.org/en/download/current/ wget wget https:/...
Ubuntu服务器上部署Vue项目
Lyy1991Wdl的专栏
06-13 3106
Ubuntu 虚拟机上使用nginx 代理部署Vue项目
vue项目部署到ubuntu服务器(超级简单)
最新发布
m0_62262778的博客
04-05 1981
Linux（ubuntu）服务器下如何通过nginx部署vue项目
Ubuntu系统搭建Vue环境
weixin_45326892的博客
02-27 1293
1.安装node # 安装node sudo apt-get install nodejs # 查看node是否安装成功 node -v 2.安装npm # 安装npm sudo apt-get install npm # 安装vue-cli到全局安装到系统环境中 sudo npm install -g vue-cli # 验证npm安装成功 npm -v ...
ubuntu创建vue项目
飞鸿的博客
07-23 1705
ctrl+alt+t打开终端 下载node.js，网址：https://nodejs.org/en/ 把 nodejs安装完成后，npm自带的。 一、创建新vue项目 创建一个文件夹（test是我自己的文件夹） mkdir test   进入文件夹 cd test   安装和下载全局vue-cli（因为我之前安装好了，所以不需要再次安装）(此...
手把手教你在ubuntu上使用nginx部署vue项目
安徽思远的博客
11-02 2570
首先在本地将vue项目打包，在vue目录下运行 yarn build 如果遇到 delete "CR"的问题，运行： npm run lint --fix 连接云服务器，并安装所有依赖。 sudo apt -y update sudo apt -y upgrade sudo apt -y install gcc sudo apt -y install g++ sudo apt -y install build-essential sudo apt -y install libssl-dev su.
vue2.0启动已有项目与创建一个新项目
weixin_62042254的博客
11-15 3067
1.安装node 官网下载node，官网地址：https://nodejs.org/en/ ，node -v查看版本号 2.安装npm 需要的包管理器是集成在node中的，安装node之后，直接输入npm -v查看版本号 （可以安装淘宝镜像cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 同理：cnpm-v 查看当前cnpm版本 ） 3.vue安装 .........
在ubuntu18.04上部署springboot和vue项目
05-20
以下是在 Ubuntu 18.04 上部署 Spring Boot 和 Vue 项目的步骤： 1. 安装 Java JDK 在终端中执行以下命令： ``` sudo apt update sudo apt install default-jdk ``` 2. 安装 Node.js 在终端中执行以下命令： `...
在Ubuntu16上部署Vue.js前端应用程序
goodmentc的专栏
09-26 1676
在Ubuntu16上部署Vue.js应用一、概述二、开发环境三、网站开发四、打包五、安装部署环境六、部署部署静态文件启动服务器查看效果 一、概述 现在流行用Vue.js前端框架开发前端应用网站，刚好在公司完成一个内部使用的网站，现将部署方法分享出来。 二、开发环境 系统：win7 IDE：Webstorm2019.2 Node.js：v10.16.2 三、网站开发 首先，我们要开发好网站的各个功能...
Ubuntu下添加开机启动项的2种方法
wangzsh187的博客
09-27 4938
Ubuntu下添加开机启动项的2种方法 1、方法一，编辑rc.loacl脚本 Ubuntu开机之后会执行/etc/rc.local文件中的脚本， 所以我们可以直接在/etc/rc.local中添加启动脚本。 当然要添加到语句：exit 0 前面才行。 复制代码代码如下: sudo vi /etc/rc.local 然后在 exit 0 前面添加好脚本代码。 2、方法二，添加一个Ubuntu的开机启动服务。 如果要添加为开机启动执行的脚本文件， 可先将脚本复制或者软连接到/etc/init.d/目录下， 然
ubuntu 安装nginx并部署vue项目
qq_42754614的博客
11-27 1488
ubuntu 安装nginx并部署vue项目
单独运行Vue文件
wwf1225的博客
04-13 8336
场景：想单独运行某个Vue文件，不依赖src,类似运行单独的HTML文件 1.安装vue serve 2.运行 npm install -g @vue/cli-service-global 3.安装完成之后cd到需要单独运行的Vue目录下，执行 vue serve XXX ...
有效操作:Ubuntu上已经安装最新node但是node -v返回的版本号确实错的；ubuntu第一次启动vue项目报npm版本错误
董佳宁的博客
12-26 942
有效操作:Ubuntu上已经安装最新node但是node -v返回的版本号确实错的；ubuntu第一次启动vue项目报npm版本错误
【已解决】让npm run dev在Linux后台 持久运行。
热门推荐
黑夜的风的博客
06-21 4万+
命令行输入： which nohup 复制这个地址。一般是/usr/bin cd vi .bash_profile 在最后一行，PATH=$PATH:$HOME/bin 后面添加刚才查询的地址: :/usr/bin 即： source ~/.bash_profile cd 回到你的项目目录。 如果你想记录日志文件【新建日志记录文件】 touch my.lo...
vue3在Ubuntu18.04桌面版环境搭建
m0_71126733的博客
04-03 1326
一、一、不行的话可以试试其他方法二、三、四、
云服务器Ubuntu部署vue项目
graphyer的博客
03-27 261
默认你已经远程连接云服务器，我使用的是xshell7如果上面的都没有问题，应该看到下面的页面成功证明最好的就是浏览器输入自己的云服务器外网ip，就会出现nginx的welcom页面。
【前端部署】Ubuntu22.04 使用nginx部署vue前端项目教程
weixin_53459689的博客
02-19 3731
【2024最新前端部署】Ubuntu22.04 使用nginx部署vue前端项目教程。一.ubuntu安装nginx。二.vue项目代码打包。三.ubuntu修改nginx配置文件。四.部署前端代码
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值