vue项目部署上线遇到的问题及解决方法(2)

[CREATE - 0 row(s), 0.000 secs] Could not getColumn for vue: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'OPTION SQL_SELECT_LIMIT=DEFAULT' at line 1 ... 1 statement(s) executed, 0 row(s) affected, exec/fetch time: 0.000/0.000 sec [0 successful, 0 warnings, 1 errors]

  查看了百度都说是表或者字段的问题,但是我没有点击表操作啊。后来换了10的版本 dbvisualizer 就可以使用了。。之前使用的是8版本的 我怀疑是mysql 驱动jar包的问题。问题解决了我就没去管了。 这样mysql 就解决了 下面就打包后台代码上传tomcat进行访问

9.打包后台代码

vue项目部署上线遇到的问题及解决方法

右击后台项目 export ---->MyEclipse JEE ------>WAR file

vue项目部署上线遇到的问题及解决方法

选择本地保存路径 finish打包。通过xftp将本地的war包上传到服务器的

vue项目部署上线遇到的问题及解决方法

上传到webapps目录就行了,然后使用tomcat访问这个项目,tomcat会自动解压的

进入  /usr/local/tomcat/tomcat7/logs  

tail -f catalina.out   //查看日志 其他日志命令请自行百度

 10.vue项目打包

axios post 请求无法访问后台以及数据无法传输解决

proxyTable: { // 在这里配置如下代码 '/api': { //target:'http://localhost:8080/', // 你请求的第三方接口GradeSystem //target:'http://www.ruoyechenxi.com:8080/GradeSystem', // 你请求的第三方接口 target:'http://www.ruoyechenxi.com:8080', // 你请求的第三方接口 changeOrigin:true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题 pathRewrite:{ // 路径重写, '^/api': '' // 替换target中的请求地址,也就是说以后你在请求这个地址的时候直接写成/api即可。 } } } //config文件夹下的build.js 中 dev 里面配置

  页面使用axios

let params = new URLSearchParams(); //这个请自行百度 params.append("code", "2"); this.$axios({ method: 'post', url: '/GradeSystem/repairCode.do', data: params }).then(function(response) { alert(response.data); th.$router.push({ path: "/index" }); }).catch(function(error) { alert(error); });

  后端代码

resp.setHeader("Access-Control-Allow-Origin", "*"); resp.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");

  问题解决.

打包路径问题

config文件下的build.js 中的 build 代码块中

index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './', productionSourceMap: false,

  在router文件夹下的index.js添加 base '/自定义文件夹名/' 上面import我之前是使用的@ 后来我换成了 ../ 不知道有没有影响,请自己注意下这里

vue项目部署上线遇到的问题及解决方法

在git bash here 里面

这样就是打包成功,

vue项目部署上线遇到的问题及解决方法

在tomcat下的这个目录创建一个空目录 名字就叫作你在路由的index.js自定义的那个名字

vue项目部署上线遇到的问题及解决方法

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/218fdb0b41e44ad3d90c9676fa5bb45f.html