【Vue】基于nodejs的vue项目打包编译部署
来源:互联网 发布:java企业级项目源代码 编辑:程序博客网 时间:2024/05/16 12:27
一·项目编译
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服务。
阅读全文
0 0
- 【Vue】基于nodejs的vue项目打包编译部署
- Vue项目webpack打包部署到服务器
- Cordova打包Vue项目
- vue项目打包App
- 基于nodejs配置vue工程
- vue项目 构建部署
- vue项目部署
- Vue SPA + Nodejs项目实战
- 基于Vue、Nodejs、Socket.io的聊天应用
- 构建基于webpack的vue.js项目
- 基于vue.js的直播项目设计
- 基于VUE+THINKPHP的项目实践
- vue 打包的问题
- 【PC端vue ui框架学习】vue项目如何使用基于vue的UI框架iview
- 【PC端vue ui框架学习】vue项目如何使用基于vue的UI框架Element
- webpack打包vue项目demo
- vue.js项目打包上线
- 用Cordova打包Vue项目
- linux静态库和动态库编译及使用
- 171205 8周2次课 linux文件同步工具rsync
- sublime text安装ctags插件
- spring boot 入门
- 欢迎使用CSDN-markdown编辑器
- 【Vue】基于nodejs的vue项目打包编译部署
- AS中使用git
- Swap Nodes in Pairs:交换链表数组相邻元素的值
- mysql--16700练习
- NPM报错:node-pre-gyp install --fallback-to-build一直卡住不动了
- CentOS 7下更改yum源与更新系统
- ArcGIS:按照属性表字段分割矢量
- Java基础 3 运算
- git入门(msysgit安装)