【Vue】基于nodejs的vue项目打包编译部署
2023-09-27 14:24:46 时间
一·项目编译
1·进入项目目录下的终端执行命令
npm run build
正常情况如下图,如遇到错误不会编译成功,且编译后的html文件不能正常渲染。
2·编译完成后进入项目下的dist目录运行生成的index.html文件
打开以后f12出现以下错误(资源文件未找到)
打开项目中的index.js文件修改build 里的assetsPublicPath属性为空即可
重新打开index.html发现项目背景图片未找到
去css文件里找到未找到的文件名,进行搜索login_bg.162737a.png
修改资源文件为相应img png图片的相对路径../img/login_bg.162737a.png
二·项目部署
1·项目使用 Apache http server作为启动容器
2·环境搭建:
1.安装Apache主程序httpd:【yum install httpd】
2·启动/sbin/service httpd start
3·项目目录cd /var/www/html
4·程序目录/etc/httpd
3·默认使用80端口,如需修改其他端口请
修改配置文件 Listen 80 为指定端口
/etc/httpd/conf/httpd.conf
4·把前端页面放置在/var/www/html下,如放在根目录那就是服务器ip:端口进行访问
如在www目录下新建目录如ump 那就是服务器ip:端口+/ump进行访问
5·若无修改Apache http server 配置文件 需要,正常前端程序部署无需重启Apache http server服务。
原文地址:https://blog.csdn.net/b376924098/article/details/78726710相关文章
- 07-nodejs中npm的使用
- Nodejs 进阶:Express 常用中间件 body-parser 实现解析
- formidable 模块化开发 代码拆分(解耦) nodejs图片服务器架构
- vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
- CQRS框架(nodejs的DDD开发落地框架)初识感想
- 【Nodejs】gulp
- 基于NodeJS+Vue+MySQL实现一个在线编程笔试平台【100010629】
- nodejs进阶(7)—async异步流程控制
- nodeJS总结
- Vue+Nodejs+WebSocket实现多人聊天室
- NodeJS、NPM安装配置步骤(windows版本)
- 用nodejs http-server搭建本地服务环境
- 浅析如何升级vue-cli以及使用npm卸载包时遇到问题:npm ERR! code EEXIST(npm ERR! File exists: D:Programnodejsnode_globalvue-list.cmd - npm ERR! Move it away, and try again.)
- NodeJS环境配置NPM&CNPM&YARN①
- nvm管理nodeJs版本