linux中vue项目搭建和域名访问

本文介绍在Linux环境下从零开始搭建Vue开发环境的整个过程，包括vue的安装，webstorm 安装配置，devtools的安装。

安装可以参考https://blog.csdn.net/FormulaRoom/article/details/73920741这篇文章

• 设置域名访问  注意开启端口

首先阿里云设置二级域名，到index中填写

• 更改属性   添加--host 0.0.0.0

• 添加属性  在此文件中devServer下添加一行  

disableHostCheck: true,// 解决域名访问本地运行地址时出现Invalid Host header的问题

• 需要配置linux后台持续运行
• 命令行输入：

which nohup

 

• 复制这个地址。一般是/usr/bin

cd
vi .bash_profile

 

• 在最后一行，PATH=$PATH:$HOME/bin

后面添加刚才查询的地址:

:/usr/bin
即：

 

• 接着执行source ~/.bash_profile
   
• cd 回到你的项目目录。

 

如果你想记录日志文件【新建日志记录文件】

touch my.log
chmod u+w my.log
nohup npm run dev > my.log 2>my.log & exit

如果没有报错，就成功了。此时可以看到网页运行成功。

最后，一定要控制台执行exit，退出登录。

【不记录日志】

nohup npm run dev >/dev/null 2>&1 & exit
 
关闭 Node 进程
输入 ps -A 调出任务管理器，kill 掉 node 进程。