jsp 页面+引入的 vue.js 令人头皮发麻我快窒息了 求救~~ 无论是大佬还是帅哥，帮我看看吧 555
xiaopengzi · 2019-09-19 14:46:17 +08:00 · 5215 次点击这是一个创建于 1923 天前的主题，其中的信息可能已经有所发展或是发生改变。
首先有一个 jsp 页面，也配置相关路径 就叫他 one.jsp 吧
这个页面大概长这样：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="root" value="<%=request.getContextPath()%>"></c:set>
<!DOCTYPE html>
<html class="orl">
<head>
<meta charset="UTF-8">
<title>title</title>
<%@include file="/WEB-INF/view/wechat/wxInclude.jsp"%>
</head>
<body>
这里还有 jsp 的东西，
<div id="app">
引入的 vue 引入了路由，做了好几个组件
</div>
<script>
console.log('${root}') //这个打印出来是项目的根径
</script>
各种 js 引入
</body>
</html>
本地调试的时候
我给 vue 的 axios 配置
axios.defaults.baseURL = 'http://127.0.0.1:8087/';
//axios.defaults.baseURL = './';
Vue.prototype.$http = axios;
然后请求
var url = 'jxe/wechat/queryEmployeesByDepartmentId';
this.$http.post(url,{
'id': 492
}).then(function(res){
})
就可以愉快的玩耍了，
那么我现在要上线，
该怎么办了？我犯了什么错么？求打醒 求指导
这个页面大概长这样：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="root" value="<%=request.getContextPath()%>"></c:set>
<!DOCTYPE html>
<html class="orl">
<head>
<meta charset="UTF-8">
<title>title</title>
<%@include file="/WEB-INF/view/wechat/wxInclude.jsp"%>
</head>
<body>
这里还有 jsp 的东西，
<div id="app">
引入的 vue 引入了路由，做了好几个组件
</div>
<script>
console.log('${root}') //这个打印出来是项目的根径
</script>
各种 js 引入
</body>
</html>
本地调试的时候
我给 vue 的 axios 配置
axios.defaults.baseURL = 'http://127.0.0.1:8087/';
//axios.defaults.baseURL = './';
Vue.prototype.$http = axios;
然后请求
var url = 'jxe/wechat/queryEmployeesByDepartmentId';
this.$http.post(url,{
'id': 492
}).then(function(res){
})
就可以愉快的玩耍了，
那么我现在要上线，
该怎么办了？我犯了什么错么？求打醒 求指导
第 1 条附言 · 2019-09-20 08:50:56 +08:00
做惯了前后端分离的项目，以前只要打包出来扔到服务器上就完事了，
现在这在 jsp 里引入 vue.js ，
最关键的是数据接口都不是向外暴露的（不知道这句话有没有问题？），
在用 ajax 获取数据的时候，
对 axios.defaults.baseURL 就不知道怎么操作了，，
后端也只会说告诉说页面加载不出来，锅扣到我头上，
哎
现在这在 jsp 里引入 vue.js ，
最关键的是数据接口都不是向外暴露的（不知道这句话有没有问题？），
在用 ajax 获取数据的时候，
对 axios.defaults.baseURL 就不知道怎么操作了，，
后端也只会说告诉说页面加载不出来，锅扣到我头上，
哎
 |
1
azh7138m 2019-09-19 14:52:22 +08:00
> 我犯了什么错么？
语文没学好。 |
 |
2
Caballarii 2019-09-19 14:53:02 +08:00
什么问题的不说，解决啥
|
 |
3
o0 2019-09-19 14:54:03 +08:00
没用 cli 的话，直接往测试服务器上扔吧。
|
 |
4
AreYou0k 2019-09-19 15:49:33 +08:00  1
应该是替换一下 baseURL 吧
|
 |
5
arrow8899 2019-09-19 16:11:40 +08:00
本地怎么运行的？没搞明白你怎么把 jsp 和 vue 文件混在一起的
|
 |
6
chenlaocong 2019-09-19 20:21:27 +08:00
我以前也改过 Vue 和 jsp 混合的代码
|
|
7
chenlaocong 2019-09-19 20:22:38 +08:00 1
你前端可以读取 url 的地址 判断是线上的还是本地的地址，再根据 url 修改请求地址
|
 |
8
redbuck 2019-09-19 22:30:22 +08:00
改过.net 的 mvc 模板页面(.cshtml 那种，类似 jsp)
看到一堆编辑器都不认识的语法头都大了。 干脆用 webpack 写了多页构建配置。 每个 entry 生成一个 cshtml，一个对应的 js，cshtml 空荡荡的，只引用一个 layout （后端的框架页面）以及那个 js。 这样我就只要写熟悉的 js，vue，后端模板完全无关。 |
 |
9
xiaopengzi OP @AreYou0k 敢问老哥，上线得时候 baseURl 换成什么？我可以获取到整个 jsp 所在的项目根目录，因为我也不懂在汤姆猫里上线之后到底是个什么情况，
|
|
10
xiaopengzi OP @redbuck 感谢老哥提供的思路，值的研究鼓捣一下
|
|
11
xiaopengzi OP @chenlaocong 我昨天下班之后要 baseURL 用 windows.laction 之类的方法，拼了一个完整的地址出来，本地没问题，不知道线上会怎么样，今天试一下
|
|
12
xiaopengzi OP @azh7138m 是我没表达清楚 不好意思 老铁，
因为我也可能太大胆了，在公司老旧的 jsp 项目里面引入 vue （我做的都是只给微信浏览器访问的东西，引入一些 ui 也比较方便，交互写起来简单很多）， 所以，这样做可能本身就是一个错 |
|
13
AreYou0k 2019-09-20 09:38:25 +08:00 1
@xiaopengzi 你可以改成 localhost:8087 或者 0.0.0.0:8087 试试, 实在不行问后台.这个一般是上线后后台或者运维提供的
|
|
14
azh7138m 2019-09-20 10:40:59 +08:00
@AreYou0k baseURL 当然是配置接入层 /服务器地址，这个就是请端发请求的时候用到的
vue 不就是宣称自己 Progressive 吗？你这做法就是它着重处理的场景，其他框架通常不能与上个世纪的技术优雅共存。 |
 |
16
LongMaoz 2019-09-20 11:34:56 +08:00 3
可能这就是屎山的起源吧
|
 |
17
Jie0zero 2019-09-20 14:39:09 +08:00 1
上线...
baseURL 去掉域名部分就好了，会自动读服务器本地域名的 |
Select Language