vue+nginx配置二级域名

最新推荐文章于 2024-04-06 22:38:10 发布
最新推荐文章于 2024-04-06 22:38:10 发布
阅读量798 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： vue.js nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/maxushan001/article/details/118570312
本文详细介绍了如何修改路由文件、配置文件以及nginx配置文件，特别是针对二级域名的设置。通过这些步骤，实现了对http://192.168.199.xxx:28086/hbsnsj/和https://xxxx.xxxxxxx.com/hbsnsj/的访问支持。文章重点讨论了网络服务的部署和优化，是系统管理员和开发者必备的知识。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

夏侯羽
关注
vue做二级域名java_修改vue的配置项支持生产环境下二级域名访问的方法
weixin_35112865的博客
02-27 419
本文主要记录如何配置vue的打包文件配置项，使打包后的文件可以支持二级域名的访问。1、常规打包在实际的项目中，我们通常都使用npm run build直接打包文件后丢到服务器上访问打包后的文件目录是这样的：访问的静态资源都是地址是这样的：我们现在要放在服务器的二级域名下访问地址，那么访问的路径就应该也加上二级域名，该如何配置尼？2、静态文件地址修改静态文件的访问地址应该加上二级域名前缀：方法：...
SpringBoot+Vue+Nginx+ssl 前后端分离项目部署
liuyuay
07-04 1693
SpringBoot+Vue+Nginx+ssl 前后端分离项目部署部署所需部署Vue项目部署SpringBoot项目双证书，双域名配置 部署所需 将项目部署在Linux上，需要这些东西 域名： 在腾讯云购买的域名，并且在域名解析中添加二级域名作为API的域名，域名可以不需要没有； SSL证书： 在腾讯云可免费申请，分别为购买的域名和解析的二级域名申请SSL证书，没购买域名也可以不需要； Nginx： 安装教程详情见百度~； JDK： 同上； 增加了支持甘特图的mermaid语法1 功能； 增加了 多屏幕
vue nginx二级域名配置
白小白的小白的博客
06-05 1657
一般来说项目会有一个前台和后台，前台用一级域名，后台用二级域名，比如一个项目的域名是www.xxx.com，访问www.xxx.com时自然会访问到前台的首页，而后台一般是www.xxx.com/xxx，一级域名自然很简单，但是配置二级域名(后台)时，就会报js css的404错误   1. 在了解原因的时候我们先说一下nginx中root和alias的区别，root会根据完整的url请求来映射到目录中，而alias会把location后面配置的路径丢弃掉，把当前匹配到的目录指向到指定的目录，下面可以举个例
Nginx部署多个Vue项目，配置二级域名
04-19 3167
Nginx部署多个Vue项目，配置二级域名
Nginx-部署2个vue项目（多个项目）-二级域名设置代理
路虽远行则将至，事虽难做则必成。
05-16 3897
最近在实际开发过程中，需要在服务器部署2个项目。需要nginx二级域名。开始时候在网上查了一圈，各有说法，不是很全，很头大。这里把自己成功的二级域名代理记录一下。网上有很多文章说要该router.js文件，要该vue.config.js中的publicPath的路径问题。不用这么麻烦。很多文章都是说在nginx配置2个server就行了，但其实你不在域名哪里解析的话是访问不到的（重点）。
ruoyi-vue Nginx配置二级域名
qq_40042416的博客
08-26 4336
若依官网项目部署手册，前端部署到80端口一级域名下的。一级域名官网占用，这时就需要配置二级域名。
web服务器nginx+部署前端vue项目
03-22
### Nginx 与前端 Vue 项目的部署 ...对于前端 Vue 项目来说，通过简单的几步配置即可将其部署到 Nginx 上，从而充分利用 Nginx 的高性能和稳定性。无论是对于个人开发者还是企业级项目，Nginx 都是值得考虑的选择。
详解vue通过NGINX部署在子目录或者二级目录实践
10-18
在实际项目中，有时我们需要将Vue应用部署到服务器的子目录或二级目录下，而不是作为顶级域名的直接入口。这时，我们可以利用NGINX的反向代理功能来实现这一需求。NGINX是一款高性能的HTTP和反向代理服务器，能够...
vue build 与 nginx采用二级路由配置
Jonny的博客
05-25 1483
文章目录引言解决方案vue.config.jsnginx配置 引言 在项目中一个项目上存在多个子应用系统，对多个系统路径统一访问时用二级路由来区分对应的子应用，但是在开始的时候折腾了很久始终没得到解决。 解决方案 vue.config.js 具体的详情参见：vue cli 对应Dir配置 module.exports = { /** * You will need to set publicPath if you plan to deploy your site under a sub pat
Vue3+Ts+Vite+History模式，部署在三级目录下
weixin_39964419的博客
02-05 881
Vue3+Ts+Vite+History模式，项目打包后部署到Nginx三级目录下，并且经过一次Nginx转发。项目打包部署后，页面访问空白
Nginx 一个域名对应多个vue.js工程的nginx配置
赵先森
06-07 4745
Nginx 一个域名对应多个vue.js工程的nginx配置 nginx，虽然可以给每个前端工程在nginx部署中配置一个单独的域名，这样会比较浪费域名，比如一个项目，会有pc端，手机端，还有管理员后台，都是不同的vue项目，应该将它们配置在同一个域名下才比较合理. 需求 http:192.168.88.88/crm http:192.168.88.88/monitor 类似这种...
vue项目配合nginx部署到子目录、二级域名的解决办法
热门推荐
一键写代码的博客
01-27 1万+
默认的vue项目是部署到网站根目录的。 但是，有些情况下，一个域名内需要放置多个内容。所以，只能分子域名或是子目录来部署。 譬如，当前网站的域名是：www.abc.com 使用nginx做代理的时候，分配给我们的部署vue项目的域名地址是：www.abc.com/vuedemo 先看nginx的配置： location / { root html; index index.html index.htm; gzip_static o
vue项目运行在二级域名打包配置
lihefei_coder的博客
06-28 2400
1.修改vue.config.js中的publicPath module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/', //打包时区分开发环境与生产环境静态资源路径 ... } 2.修改src/router/index.js路由模式为hash(删除mode: 'history’后默认是hash模式) { // mode: 'history' // 默认为hash } ...
Ruoyi-vue-pro Vue + nginx 二级目录部署到云服务器
最新发布
Morecans的专栏
04-06 1688
Ruoyi-vue-pro Vue + nginx 二级目录部署到云服务器
vue 实现二级域名构建路径发生变化处理
weixin_34368949的博客
04-19 2128
二级域名 例如 zyf.com => zyf.com/test/ 一级域名下vue项目直接构建打包的文件引用地址为 、/static/ // 模块安装 压包 npm install--save "cross-env" 复制代码// 一级域名打包的文件路径 npm run build:prod(此处构建使用了之前文档的统一构建配置)即构建正式包使用npm run build:p...
vue 打包静态资源 二级域名 页面无法正常显示
qq_41399901的博客
04-24 2729
前言… 由于项目老大要求，服务器那边要放在二级域名下，这样能放更多项目（但其实一核一G放一个项目已经快爆了…） 不管怎样，还是要配置下的，毕竟以后一定会用到… 尝试 首先看一下 vue 关于打包的配置文件 这里现在又两个关于 build 的文件夹 在经过对这几个文件进行排查之后，我发现 config 下的 index.js 是关于打包路径的重要配置文件 大概长这样 'use strict' //...
vuepress（六）阿里云二级域名配置与添加SSL证书
前端学习博客
06-28 3984
这里是小飞侠Pan🥳，立志成为一名优秀的前端程序媛！！！本篇博客收录于我的github前端笔记仓库中，持续更新中，欢迎star~👉 https://github.com/mengqiuleo/myNote因为自己的域名备案已通过，所以就想自己配置个二级域名。但是网上的教程都很分散，我自己踩坑了很多，花了很长时间才配置好，所以在这里进行一个总结首先，打开顶级域名，并点击右侧解析然后进入解析设置，并点击添加记录此时就是在进行添加二级域名，除了图中红色的标注，剩下的按图中的填写就好然后我们会看到多了一条解析记..
配置二级域名
阿麦兜兜的博客
06-22 1189
1. 假设你拥有一个有泛域名解析的顶级域名，例如： aliyun.com 2. 在 httpd.conf 中打开 mod_rewrite模块 3. 在 httpd.conf 的最后，添加以下内容： RewriteEngine on RewriteMap lowercase int:tolower RewriteMap vhost txt:/alidata/httpd/conf/v
vue项目nginx二级域名配置
weixin_44330517的博客
08-15 1830
1、将vue项目路由的加入base配置如下图所示，打包备用 2、配置nginx，下图所示 3、在步骤2中的nginx的根目录下面html文件夹下面新增data文件夹，在data下面新建vue和test文件夹，将步骤1打包的文件放到vue文件夹和test文件夹，访问本地http://localhost/test/和http://localhost/vue/ ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值