前端开始
1.获取前端vue的项目代码,如果是压缩包,就解压
2.配置node.js环境,下载node.js源码包
wget https://nodejs.org/download/release/v8.6.0-linux-x64.tar.gz
tar -zxcf node-v8.6.0-linux-x64.tar.gz
(这是一个node的二进制源码包,已经编译完成了的node解释器,所以解压缩后无须编译,直接配置PATH即可)
3.添加node环境变量
vim /etc/profile
(然后末尾 PATH ='....:/.../node-v8.6.0-linux-x64/bin')
保存
4.重新读取PATH环境变量
source /etc/profile
然后执行: node -v 或者 npm -v 查看环境变量是否配置成功
5.看看vue的axios请求的发送地址是否正确,此时如果用nginx作为后端的代理服务器,那么需要修改成nginx服务器的ip地址和端口
6.进入vue项目根目录,安装所需依赖
npm install
7.安装完依赖后,进行编译build
npm run build (会生成一个dist文件夹)
8.修改nginx.conf配置文件,添加一个server{}虚拟主机,监听80端口,返回vue项目首页
vim /opt/nginx/conf/nginx.conf (直接命令,编辑配置文件内容)
{
listen 80;
server_name _;
location / {
root /vue_testProject/dist;
index index.html;
}
}
nginx -s reload
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库