欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Linux&服务器永久启动vue项目部署遇到的坑

程序员文章站 2022-07-10 08:10:17
...

Linux&服务器部署vue项目教程案例

vue init webpack student_vue

创建好项目

添加几个基本的插件
npm i element-ui -S

重点有几个第一遇到的是 Qs
在Windows中import qs from “Qs”;
而到了Linux中必须小写否则报错说未导入等错。。。

npm install 报错

安装webpack出现警告:npm WARN optional SKIPPING OPTIONAL DEPENDENCY: aaa@qq.com^1.0.0 (node_modules…
转载weixin_33724059 最后发布于2018-0

npm install时出现警告如下:
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: aaa@qq.com^1.0.0 (node_modules\ch
okidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for aaa@qq.com
1.1.3: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”}
)
npm WARN aaa@qq.com requires a peer of aaa@qq.com^6.0.0 but none was installed
fsevent是mac osx系统的,在win或者Linux下使用了 所以会有警告,忽略即可。
就是说安装成功了,继续开发吧

接下来重点如何永久启动
命令行输入:
which nohupLinux&服务器永久启动vue项目部署遇到的坑
然后复制返回的地址。一般是 /usr/bin(我这里是/user/bin/nohup)

然后编辑用户环境变量:
命令行输入:

vi ~/.bash_profile

在它的最后一行,即 PATH=PATH:PATH:HOME/bin 的后面添加刚才查询的地址:

就像这样 PATH=PATH:PATH:HOME/bin:/usr/bin/nohup

Linux&服务器永久启动vue项目部署遇到的坑
Linux&服务器永久启动vue项目部署遇到的坑
加载环境变量:
命令行输入:

source ~/.bash_profile

在项目目录中执行启动命令:

nohup npm run dev &

继续输入否则无法实现效果

exit

项目可一直在后台启动
Linux&服务器永久启动vue项目部署遇到的坑