linux服务器tomcat部署vue项目的问题

最新推荐文章于 2022-09-22 14:41:49 发布
最新推荐文章于 2022-09-22 14:41:49 发布
阅读量478 收藏
点赞数
分类专栏： vue 文章标签： linux 服务器 tomcat
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36256590/article/details/123111022
版权
① vue BASE_API_URL设置127.0.0.1+端口部署后访问不成功

原因未知，尝试过几次，只能更换为服务器本身ip地址；

② vue项目每次在tomcat上webapps下重新部署不用杀掉进程

直接删除/覆盖, 将新版本直接上传即可，访问时刷新一下。

Pisces_224
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
10-15
在本篇文章里小编给大家整理了关于Vue3项目打包后部署到服务器 请求不到后台接口解决方法，有需要的朋友们可以参考下。
解决tomcat服务器下，只能通过localhost，而不能通过127.0.0.1或者本地ip地址访问的问题...
weixin_34281537的博客
08-07 1451
今天在tomcat上部署了一个web应用以后，发现用localhost的方式来访问应用是正常的，但是换成127.0.0.1或者是本地的ip地址来访问，确出现访问不了的情况。之前想是不是防火墙的问题，于是将防火墙关闭掉，发现还是访问不了，最后在网上搜索一番后找到了问题的解决办法： 首先我们通过cmd输入 netstat -a -n 来查看当前tomcat的地址绑定，如果发现是tomcat端口绑定到...
linux：vue在tomcat的部署
梦不止步的博客
12-11 2673
1.webpack打包时修改： config/index.js 配置assetsPublicPath:'./' （也可以加项目名称） 对于css里面的图片，webpack会打包读取不到：打开build / utils.js：加入publicPath:'../ ../' 2.在路由里面加入：mode:'history'和base:'mynote' 3.针对histo...
Linux&服务器vue项目外部无法访问
智三岁的博客
02-14 1904
Linux&服务器vue项目外部无法访问 第一步：编辑 项目中的package.json 添加 --host 0.0.0.0 第二步：编辑项目中的 config/index.js 将host后面修改为 自己ip地址 最后npm run dev 启动 ...
vue项目部署到linux服务器出现的问题及解决方案（css、js丢失及部署成功后访问时刷新页面出现404问题）
qq_41359758的博客
03-19 4770
场景：将开发好的vue项目编译打包到linux服务器上的nginx时，出现了css、js丢失，elementui的字体图标无法显示，以及部署完成后在浏览器访问成功，但刷新、回退时出现404的问题。 问题一：css、js丢失 原因：这是由于在执行npm run build命令编译后，在dist文件夹下的index.html页面中，对样式以及js文件的路径都是以 / 开头的绝对路径，例如： 解决方案： 如果是vue3.0以前的版本，则可以在项目在的config目录下的index.js中将以下代码： 修改.
vue项目部署到nginx/tomcat服务器的实现
10-16
主要介绍了vue项目部署到nginx/tomcat服务器的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
SpringBoot + Vue 项目部署上线到Linux 服务器的教程详解
09-14
主要介绍了SpringBoot + Vue 项目部署上线到Linux 服务器,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
tomcat部署springboot+vue.doc
04-22
web项目是企业以及政府部门最常用的工具，政府门户网站，企业官网等基本都是web项目，web项目所使用的技术也是在不断的更新，前几年的技术基本上都是jsp+ssh，到...本文主要介绍了springboot+VUE怎么使用tomcat去部署
Vue 项目部署到服务器的问题解决方法
08-28
本篇文章主要介绍了Vue 项目部署到服务器的问题解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
linux服务器用tomcat8部署vue项目
超级浣熊
04-20 1244
文章目录 本文主要讲解linux系统使用tomcat部署vue项目过程 文章目录文章目录前言一、打包前端1.打包2.上传到服务器二、运行1.启动tomcat2.访问vue三、运行异常解决办法1.访问不到的问题2.访问到空白页 前言 最近在网上找了个前后端分离的框架，前端是vue写，需要在linux服务器上部署，正好通过tomcat8可以解决这个问题，下面就简单演示一下部署过程 用到的工具 tomcat8 VScode 一、打包前端 1.打包 在vue项目下找到package.json 在终端输入
vue项目使用tomcat部署至linux
weixin_48398799的博客
12-23 731
一、配置vue项目 ①、在config/prod.env.js文件中写入 'use strict' module.exports = { NODE_ENV: '"production"', HOST:'172.18.49.37', //linux系统的ip PORT:1070 //设置自己项目的端口号 } ②、在config/index.js文件中设置 assetsPublicPath: '/jingzhong/' //自定义项目名 二、配置linux中tomcat ①、linux中找到To
VUE webpack项目Linux服务器部署（Tomcat）
天道酬勤
01-29 1804
1. 修改本地VUE项目的配置文件（config/index.js） 修改字段为：assetsPublicPath: './', // 注意有两个这样的字段都改成"./" 2. 构建项目 npm run build // 之后会生成dist目录，内容的文件和文件夹都是要上传到服务器上的 3....
Linux 系统中把vue工程部署到tomcat
u012798558的博客
11-26 617
1.修改router文件夹下的index.js或者router.js中的 export default new Router({ mode: 'history', base: '/test', scrollBehavior: () => ({ y: 0 }), routes: constantRouterMap }) 在其中增加 base节点，节点的值和服务器上tom...
vue-cli3打包项目发布到tomcat，可正常打开index.html但router配置地址不能正常打开问题处理
guoguo0105的专栏
06-08 739
第一次打包发布vue项目到tomcat，可正常打开index.html，但其他地址（router/index.js下配置的地址）不能打开，报无法找到页面，请教度娘找到的大部分解决方案为修改vue配置文件中publicPath 等类似方式，但都未解决，经过不知多少次查询、尝试，最终找到下面文章问题解决， https://www.jianshu.com/p/55c0b967e1a4 非常感谢文章的作者 最后说明一下问题（解决）根源 在tomcat的webapps/发布项目 下新建文件夹和文件：WEB-I
使用tomcat部署vue项目
qq_41223443的博客
07-13 8226
1 首先需要修改vue项目中的Route中的index.js文件，新增mode:‘history’,base:’/vue/' export default new Router({ routes: [{ path: '/', mode:'history', base:'/vue/', name: '', component: login, hidden: true, meta: {
vue路由history模式部署到tomcat报404问题
wzp6010625的博客
09-18 2895
将vue项目打包后，放到tomcat上，刷新页面或者手动输入地址会报404 解决办法： 1. 项目在webapps的meizu-shop目录下 2. 在meizu-shop中新建文件夹WEB-INF，文件夹中新建web.xml 3. 配置web.xml，内容如下 <?xml version="1.0" encoding="ISO-8859-1"?> <web-ap...
vue项目打包部署到linux tomcat服务器，解决一刷新就报错404问题
qq_32266991的博客
03-05 1808
1.部署到服务器前，更改webpack配置，修改index.js中以下配置 2.运行npm run build 或者cnpm run build命令，打包完成后，在项目的根目录dist文件下生成了如下文件： 3.tomcat的webapps创建文件夹：这里以文件夹名“demo”示例 将static文件夹和index.html复制到demo文件夹，不出意外，这个时候浏览器输入：http://服务器I...
向linux服务器部署项目,VUE webpack项目Linux服务器部署（Tomcat）
weixin_32049741的博客
04-30 177
1. 修改本地VUE项目的配置文件(config/index.js)修改字段为：assetsPublicPath: './', // 注意有两个这样的字段都改成"./"2. 构建项目npm run build // 之后会生成dist目录，内容的文件和文件夹都是要上传到服务器上的3. 上传文件到Tomcat的webapps的目录下本地电脑上...
linux+nginx+tomcat+vue+后端项目部署
ysfengshu的博客
09-22 930
nginx安装 1.先安装依赖 yum -y install gcc gcc-c++ autoconf automake yum -y install PCRE pcre-devel yum -y install zlib zlib-devel yum -y install openssl openssl-devel 2.安装nginx cd /usr/local/source wget http://nginx.org/download/nginx-1.9.0.tar.gz ...
tomcat部署vue项目路径
最新发布
09-22
根据提供的引用内容，您可以通过修改`vue.config.js`中的`publicPath`属性来设置Tomcat部署Vue项目的路径。如果您想要将Vue项目部署在根路径上（例如：`http://localhost:8080/`），请将`publicPath`设置为`'/'`。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值