Vue 部署问题
新接触的vue,改动一些js文件,没想到遇到了一个巨坑:
1.vue 在 H builder 编译,npm run dev 后正常运行,在index.js 中配置后台路径如下
// 请求代理表,在这里可以配置特定的请求代理到对应的API接口
proxyTable: {
"/api": {
//target: "http://192.168.8.200:18081",
//target: "http://192.168.8.107:18081",
target: "http://127.0.0.1:8093",
changeOrigin: true,
pathRewrite: {
'^/api': '/' //本身的接口地址没有 '/api' 这种通用前缀,所以要rewrite,如果本身有则去掉
}
},
},
Ok,本地运行一点问题没有,问题来了,npm run build 后扔到服务器上死活不能生效
2.排除原因:(1).打包问题, (2).部署问题
(1)排除打包问题:打包完成后在本地运行下;
dist打包后的项目需要运行在服务器环境中
搭建express本地服务器
1、安装express-generator生成器
npm install express-generator -g
2、创建一个express项目
express expressProject
3、进入项目目录,安装相关项目依赖
cd expressName
npm install
项目目录
将dist文件夹下的所有文件复制到express项目的public文件夹下面
4、启动express项目
npm start // 启动express项目
浏览器中 输入localhost:3000即可运行
如果运行没有问题,打包没有问题
(2)排除部署问题:查看服务器路径:/workspace/apache-tomcat-8.5.24-tender-manager-2.0-test/webapps/ROOT ,如果这个路径没有问题
重点来了:++++++++++请排除此项目下别的路径下没有相同的问题,也就是打包有没有仍两次,仍两次,仍。。。。。。。。,
如果有,晒自己一巴掌,冲突了
原文地址:https://www.cnblogs.com/trylearnIT/p/11558030.html
- 统计学中的相关性分析
- 《Redis设计与实现》读书笔记(三十二) ——Redis事务设计与实现
- 收藏一个简洁的PHP可逆加密函数
- 《Redis设计与实现》读书笔记(三十二) ——Redis集发布订阅设计与实现
- Android点击EditText文本框之外任何地方隐藏键盘的解决办法
- Spark 1.4为DataFrame新增的统计与数学函数
- 《Redis设计与实现》读书笔记(三十三) ——Redis排序命令sort的实现
- 高通HAL层之Sensor HAL
- Android Data Binding(数据绑定)用户指南
- Android 禁止Viewpager左右滑动功能
- 高通Audio中ASOC的machine驱动
- 《Redis设计与实现》读书笔记(三十五) ——Redis 二进制位数组及SWAR汉明重量算法
- Android TabWidget底部显示
- 《Redis设计与实现》读书笔记(三十六) ——Redis 慢查询日志实现
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Element表单嵌套数据验证
- 摸鱼的新发现,滚动条无限滚动
- 理解装饰器是怎么使用的
- 第十一节:Activiti6.0——定时器开始事件、消息开始事件和错误开始事件介绍
- linux centos 安装mailx邮件服务器并测试发送一封邮件
- 深入分析Vue-Router原理,彻底看穿前端路由
- linux LVM 一键分区脚本自动扩容
- 再谈构造函数、原型、原型链之间的关系
- Java ConcurrentHashMap 高并发安全实现原理解析
- 第十二节:Activiti6.0——四种边界事件:定时器、错误、信号、补偿
- parted 磁盘分区-挂载-删除-shell脚本进行磁盘分区
- Ubuntu18.04——安装MySQL
- 八种 Vue 组件间通讯方式合集
- Sharding-JDBC 实现分库分表
- fastjson——使用 aop 打印入参,报错:getOutputStream() has already been called for this response