本文主要记录如何配置vue的打包文件配置项，使打包后的文件可以支持二级目录的访问。1、常规打包在实际的项目中，我们通常都使用 npm run build 直接打包文件后丢到服务器上访问打包后的文件目录是这样的：访问的静态资源都是地址是这样的：我们现在要放在服务器的二级目录下访问地址，那么访问的路径就应该也加上二级目录，该如何配置尼？2、静态文件地址修改静态文件的访问地址应该加上二级目录前缀：方法：
环境介绍这次软工团队作业是写一个学习用的交流（聊天）软件。而我负责管理端的编写。工作范围从数据库到前后端。采用的技术栈为vue-cli+express+nginx。本地环境为win10，服务器为华为云Ubuntu。在代码编写部分并未遇到太大的问题，然而在部署到服务器上时，发现前后端无法交互。网上随处可见部署过程中的技术细节。但却缺少对部署这项工作的总体介绍。对萌新或者着急肝工程的人很不友好。部署就
一、修改router.js中添加base根目录配置const vueRouter = new Router({ mode: '
原创
2023-05-11 10:58:09
1393阅读
1、vue.config.jsmodule.exports = { publicPath: '/rm/',2、路由下index.jsconst ro
原创
2022-11-17 00:27:03
1143阅读
Nginx部署vue项目进行跳转二级路由报404无法找到目标页面问题和Nginx部署vue项目访问不了接口 文章目录Nginx部署vue项目进行跳转二级路由报404无法找到目标页面问题和Nginx部署vue项目访问不了接口Nginx部署vue项目进行跳转二级路由报404无法找到目标页面问题**问题** ：在使用Nginx部署Vue项目的时候，点击了进行跳转二级路由的时候报404 无法找到目标页面问
一般来说项目会有一个前台和后台，前台用一级域名，后台用二级域名，比如一个项目的域名是www.xxx.com，访问www.xxx.com时自然会访问到前台的首页，而后台一般是www.xxx.com/xxx，一级域名自然很简单，但是配置二级域名(后台)时，就会报js css的404错误root会根据完整的url请求来映射到目录中，而alias会把location后面配置的路径丢弃掉，把当前匹配到的目录
今天要用到服务器nginx，还需要把自己的vue的项目部署到服务器上去所以就写一下记录下来。首先要去nginx官网下下载nginx： 下载地址：https://nginx.org/en/download.html下载下来会是一个解压包，解压到你想放的文件夹下运行nginx.exe，然后打开浏览器输入localhost出来如下图片所示就说明成功了：然后如果没有成功出来的话也不要慌不要怕，可能是你的端
我们的域名一般都是www.xxx.com，可是我们想实现www.xxx.com/aaa 或者 www.xxx.com/bbb怎么办呢？这就是我们今天要说的内容，部署到二级目录1）在根目录创建 .env.xxx 文件，vim命令//例如 .env.development文件，默认执行 npm run dev 会加载这个文件，下边有讲到
//step:1 创建文件，已有是打开该文件
vim .env.
简述：最近网站被恶意攻击，首先在服务器安装了云锁，安装云锁的步骤在博文“Linux服务器安装云锁”中，有需要的大家可以看一下；随后在又安装了Nginx防火墙，长下面这个样子： 在网站做了防护之后，发现移动端的静态文件全部404，不过也有可能是更早然后出现了问题.....问题描述：（1）数据接口请求正常，也能正常返回数据；（2）访问移动端首页，返回"We're sorry but blog
当网站设置了二级目录时，前端需要注意，可以有不同的解决方案防止白屏。设置带有二级目录的绝对路径，publicPath: '/test/'，这样打包出来的静态资源可以和当前网站的配置保持一致，可以避免资源加载失败。设置相对路径，publicPath: './'。但是这样一来，如果此时使用的是 history 模式的路由配置，因为网站加了二级目录会导致前端的路由地址匹配失败，所以还需要将 router
原创
2022-09-13 10:47:37
1068阅读
Vue-cli3.0相比于Vue-cli2.0，仅从根目录来看，最大的区别就是Vue-cli3.0少了build和config文件夹，前者用于项目构建(webpack)相关代码，后者用于项目开发环境配置。取而代之的是vue.config.js这个文件，看起来目录简洁不少。 图1 vue-cli3.0根目录打开vue.config.js文件，大致的配置如下：module.exports
记录一次与nginx大战近4天的问题前言关于nginx把我拿捏准备把招新系统合并到学校服务器上已有的项目上里，于是先在测试端口进行测试，发现老旧项目占用了nginx的主路由，于是我只能想办法让招新系统在nginx上开二级路由并配合前端BrowserRouter路由。接下来就是厮杀时刻…出现的问题：首次进入 https://XXXX.cn/enroll的时候没有问题（因为我已经在nginx配置了一个
Nginx_基础篇(一)、Nginx 简介1.背景介绍(1).http和三大邮局协议(2).反向代理与正向代理2.常见服务器对比(1).公司介绍(2).lls 服务器(3).Tomcat 服务器(4).Apache 服务器(5).Lighttpd 服务器(6).其他的服务器3.Nginx的优点(1).速度更快、并发更高(2).配置简单，扩展性强(3).高可靠性(4).热部署(5).成本低、BSD
二级目录名称：www.baidu.com/yhmanage 路由配置： 配置文件改动： 发布的文件要放在那个上下文中（yhmanage）外面不用放，nginx目录指定yhmanage父级manage文件夹，conf配置如下： ...
转载
2021-07-16 10:35:00
2322阅读
2评论
前言最近在实际开发过程中，需要在服务器部署2个项目。需要nginx二级域名。开始时候在网上查了一圈，各有说法，不是很全，很头大。这里把自己成功的二级域名代理记录一下。网上有很多文章说要该router.js文件，要该vue.config.js中的publicPath的路径问题。不用这么麻烦。很多文章都是说在nginx配置2个server就行了，但其实你不在域名哪里解析的话是访问不到的（重点）。具体实
www.baidu.com/auth/a.html
跳转到
www.badiu.com/a.html
location ^~ /auth/ {
&n
原创
2017-12-25 11:35:23
10000+阅读
1评论
location /faceapi/ { #default_type application/json; # return 200 '{"status":"success","result":"nginx json"}'; proxy_pass http://face.v.cn:8086...
原创
2022-05-19 15:38:58
3298阅读
目录5.3 接口开发-上传附件5.3.1 接口文档5.3.2 代码实现5.3.3 接口测试5.3 接口开发-上传附件5.3.1 接口文档上传附件接口要完成的操作主要有两个：将客户端提交的文件上传到指定存储位置（具体存储位置由配置文件配置的存储策略确定）将上传的文件信息保存到数据库的pd_attachment表中接口文档如下：5.3.2 代码实现第一步：创建AttachmentController并
vue-router的路由模式可以通过指定mode属性值控制，可选值："hash" 、"history"、 "abstract" ， 默认："hash" (浏览器环境) ， "abstract" (Node.js 环境)const router = new VueRouter({
mode: 'history',
routes: [...]
})路由表里的兜底配置hash与historyH
本文将描述遇到的问题，并给出解决方案一、遇到的问题使用history模式，本地没有问题。打包部署再nginx上会报错404，找不到页面。部署二级域名或者说多级访问的url，导致访问失败。（EG：http://www.baidu.com/baiduwangpan/aaaa）二、解决方案1、解决使用history模式，本地没有问题。打包部署再nginx上会报错404，找不到页面。由于本文重点介绍如何实
