当网站设置了二级目录时,前端需要注意,可以有不同的解决方案防止白屏。设置带有二级目录的绝对路径,publicPath: '/test/',这样打包出来的静态资源可以和当前网站的配置保持一致,可以避免资源加载失败。设置相对路径,publicPath: './'。但是这样一来,如果此时使用的是 history 模式的路由配置,因为网站加了二级目录会导致前端的路由地址匹配失败,所以还需要将 router
原创 2022-09-13 10:47:37
1141阅读
本文主要记录如何配置vue的打包文件配置项,使打包后的文件可以支持二级目录的访问。1、常规打包在实际的项目中,我们通常都使用 npm run build 直接打包文件后丢到服务器上访问打包后的文件目录是这样的:访问的静态资源都是地址是这样的:我们现在要放在服务器的二级目录下访问地址,那么访问的路径就应该也加上二级目录,该如何配置尼?2、静态文件地址修改静态文件的访问地址应该加上二级目录前缀:方法:
nginx的反向代理:代理机location /{里面注释全部东西,然后写 proxy_pass http://必须要写http://10.12;}代理到10.12,就是curl 代理机的时候会curl到10.12 图片分离:在location下面再写一个匹配的location ~\.(jpg|png|gif|jpeg)${proxy_pass http://10.14;}现在在10.14的网站目
内容概要:Vue目录结构分析常用指令:数据绑定、属性绑定、数据渲染一、Vue目录结构1.整体目录说明:2. .vue文件说明:.vue的文件称为组件,里面有三部分组成:<template>、<script>、<style>注意:vue的模板里,所有的内容要被一个根节点包含起来,也就是说,所有组件都要放在根组件的根节点里,也就是一个div里。2.1 <tem
转载 2024-07-23 11:24:38
347阅读
./configure6、编译和安装如果/usr/local下出现nginx目录,表示安装成功make && make install7、使用启动cd /usr/local/nginx/sbin/./nginx其他命令./nginx -s stop 停止./nginx -s quit 退出./nginx -s reload 重启8、打开80端口firewall-cmd --zone
js箭头函数 list.splice() ES6 Template String 模板字符串( ` ) 模板字符串(Template String)是增强版的字符串,用反引号( ` )标识, 它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。 ; Vue.js 允许你自定义
vue
原创 2021-07-15 16:44:25
255阅读
目录结构用IJ打开vue_project,目录结构如图:目录详解:目录/文件说明build项目构建(webpack)相关代码config配置目录,包括端口号等。初学可以使用默认的。node_modulesnpm 加载的项目依赖模块src这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:assets: 放置一些图片...
原创 2022-04-20 17:24:03
131阅读
一、Linux系统中的二级目录/bin ##进制可执行文件,系统常规命令 /boot ##启动目录,存放系统自动启动文件,内核,初始化程序 /dev ##系统设备管理文件 /etc ##大多数系统配置文件存放路径 /home/子目录 ##普通用户家目录 /lib ##函数库 /lib64/ ##64位函数库 /media ##临时挂载点 /mnt ##临时
转载 2024-06-05 12:54:03
115阅读
学校安排我进行电子技术校本教材的后期制作,汇总完全部文字后,需要编辑一个全书目录,进过一番摸索,使用WPS2009圆满完成了此次任务,愿与诸君共享。 1、显示大纲工具栏 打开“视图”——“工具栏”——“大纲”,这时在工具栏最下面中就会多出一行,注意,生成目录的所有按钮都在这里面!另外,在工具栏的空白区域单击右键,找到“大纲”打开也可以实现。 2、为各个章节设置目录级别
目录结构用IJ打开vue_project,目录结构如图:目录详解:目录/文件说明build项目构建(webpack)相关代码config配置目录,包括端口号等。初学可以使用默认
原创 2021-12-29 15:45:29
51阅读
一、目录结构说明 、配置说明: 1.build--webpack.base.conf.js 添加注释
原创 2022-09-29 14:41:22
165阅读
一、修改router.js中添加base根目录配置const vueRouter = new Router({ mode: '
原创 2023-05-11 10:58:09
1451阅读
1.初始目录结构如下:  2.目录结构介绍目录/文件说明build最终发布的代码存放位置。config配置目录,包括端口号等。我们初学可以使用默认的。node_modulesnpm 加载的项目依赖模块src这里是我们要开发的目录,基本上要做的事情都在这
原创 2021-07-09 16:42:28
177阅读
app { 字体系列: 'Avenir', Helvetica, Arial, sans-serif;-webkit-font-smoothing:抗锯齿;-moz-osx-font-smoothi
原创 6月前
56阅读
这里是我们要开发的目录,基本上要做的事情都在这个目录里。
原创 2024-10-14 09:53:03
21阅读
1.初始目录结构如下:  2.目录结构介绍目录/文件说明build最终发布的代码存放位置。config配置目录,包括端口号等。我们初学可以使用默认的。node_modulesnpm 加载的项目依赖模块src这里是我们要开发的目录,基本上要做的事情都在这
原创 2022-02-28 11:02:18
85阅读
相信很多小伙伴在考计算机二级Ms Office的时候都遇到过Word部分制作目录的真题根据考无忧小编的统计二级Ms Office考试中的36套真题里最少有16套的真题考到“目录”这个知识点部分真题截图如下这个比例是很大的抽到的几率也是很大的所以Word目录怎么设置接下来考无忧小编来教大家Word 2010中进行插入目录的两种方法Word2010编辑目录的两种方法根据考生文件夹下的Word文档是否编
Nginx部署vue项目进行跳转二级路由报404无法找到目标页面问题和Nginx部署vue项目访问不了接口 文章目录Nginx部署vue项目进行跳转二级路由报404无法找到目标页面问题和Nginx部署vue项目访问不了接口Nginx部署vue项目进行跳转二级路由报404无法找到目标页面问题**问题** :在使用Nginx部署Vue项目的时候,点击了进行跳转二级路由的时候报404 无法找到目标页面问
一、vue3项目的目录结构详解node_modules:通过 npm install 下载安装的项目依赖包 public:存放静态资源公共资源,不会被压缩合并 —3DModel:存放.glb3D模型 —favicon.ico:网站图标 —index.html:首页入口.html文件 src:项目开发主要文件夹 —api —assets:静态文件,存放图片 —components:存
转载 2024-04-01 13:42:46
212阅读
环境介绍这次软工团队作业是写一个学习用的交流(聊天)软件。而我负责管理端的编写。工作范围从数据库到前后端。采用的技术栈为vue-cli+express+nginx。本地环境为win10,服务器为华为云Ubuntu。在代码编写部分并未遇到太大的问题,然而在部署到服务器上时,发现前后端无法交互。网上随处可见部署过程中的技术细节。但却缺少对部署这项工作的总体介绍。对萌新或者着急肝工程的人很不友好。部署就
转载 2024-07-24 10:01:15
288阅读
  • 1
  • 2
  • 3
  • 4
  • 5