页面刷新数据丢失在vue中data、vuex store等都数据都是在内存当中的，页面一旦刷新，这些数据就会丢失（或者说被重置为初始值），在某些时候很影响用户体验。缓存，恢复要想使数据刷新不丢失，就得监听页面刷新事件，在刷新前将数据缓存到本地存储，页面刷新后再将数据从本地存储恢复。目前较普遍的做法是类似这样：//App.vue的created():
created() {
//在页面加载
转载
2024-10-18 11:20:16
198阅读
问题描述vue项目部署至nginx后，我们在访问页面的时候只能访问默认页面和通过项目内跳转其他页面，如果刷新就会404。 原因分析：因为前端代码在本地调试时是正常的，故考虑是nginx的配置问题。server {
listen 8081;
location / {
root /Users/xxx/Documents/project
转载
2024-02-20 10:57:07
713阅读
vue3 在换成history模式的时候有两种情况，一种是刷新后页面404一种是刷新后页面空白(一般存在于非index.html路径)下面说说两种情况的解决方案1.刷新后页面404根据官网的提示vue官网history解决方案在nginx配置中添加location / {
try_files $uri $uri/ /index.html;
}针对上面的配置，当请求 http://localho
原创
2023-06-02 21:13:36
2586阅读
一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-serv
vue的路由是由前端js来控制的，但是，当你刷新浏览器的时候，是向服务器发送请求的一个过程，当访问不到的时候必然会返回404。这个没有好的解决方式！对于 Vue 这类渐进式前端开发框架，为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。为了达到这一目的，浏览器当前提供
转载
2024-10-15 07:21:29
233阅读
在项目开发中，我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个，之前每次要发布测试版或Pre版都是修改了源码中API地址后打包，这样很麻烦。如果能根据不同环境打包就完美了。网上搜集了许多资料，现在可以分环境打包程序了，至于怎么打，接着住下看吧。第1步：安装cross-env在项目目录下运行如下命令安装cross-env，我的ide是webs
同一文件夹下.vue文件与，.js文件不要重名，否则页面内容会丢失 ps:使用vue-admin-template中遇到的问题，（也不确定不是同一文件夹下能不能同名） ...
转载
2021-10-09 16:39:00
1186阅读
2评论
Nginx的安装与配置
Nginx官网下载所需版本安装 解压下载好的nginx修改nginx配置文件，配置文件为conf下的nginx.conf,修改nginx.conf中的server配置片段 里面的相关注释是在是太多了，那么我把所有的注释清除一下(这是方便看清nginx配置到底需要什么基础的配置)worker_processes 1; ##指明了nginx要开启的进程数
在config文件夹下的index.js配置文件里面给路径前面加上 .
原创
2022-03-02 14:42:45
878阅读
上一节我们讲到了事件驱动的模块，它把我们引入epoll模块，今天我们主要学习下nginx如何使用epoll完成时间驱动，实现高并发；这里不详细讲解epoll原理，如果有机会再做一次单独的epoll的学习。本文来自于：回忆一下上一节的内容，在我们讲到ngx_process_events_and_timers时，在源码最后提到了ngx_process_events,这里是把我们引入epoll的入口：1
转载
2024-09-03 08:56:53
50阅读
报错如下：Refused to apply style from 'http://127.0.0.1:5500/css/chunk-43aa77e1.33bcbef1.css' because its MIME type ('text/html') is
not a supported stylesheet MIME type, and strict MIME checking is enabl
转载
2021-04-04 22:07:54
3881阅读
2评论
原文地址#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.l
原创
2022-06-29 22:28:06
155阅读
Vue.js 是一款用于构建 Web 界面的渐进式框架，由于其高效、灵活、易用等优点，已经成为前端开发的热门选择之一。在开发 Vue 项目后，通常需要将其部署到服务器上进行线上访问，而 Nginx 作为一个高性能的 Web 服务器，也是常用的部署工具之一。下面就是 Vue 项目在 Nginx 服务器上部署的详细教程。前提条件在进行部署之前，需要确保满足以下条件：已经开启服务器的 Nginx 服务。
转载
2024-03-04 15:15:45
102阅读
一、安装nginx和配置文件
（CenOS）
安装：
sudo yum -y
install
操作：
$ sudo systemctl enable nginx # 设置开机启动
$ sudo service nginx start
问题描述在进行项目开发的时候，用Vue进行项目框架的搭建并开发，开发完成时需要部署到客户现场，通过命令npm run build将项目打包，然后上传至服务器的tomcat目录下，然后通过地址访问时发现，系统首页加载空白。在浏览器控制台一看，是js和css等资源的引用路径出错，所以解决方法如下。解决方法1、网上好多文档都说在项目的根目录下找到config文件夹，然后将...
原创
2021-08-27 10:28:48
5378阅读
一、修改 assetsPublicPath 在config/index.js里面，有个 assetsPublicPath 属性，源码是‘/’，修...
转载
2022-03-02 11:59:48
1791阅读
问题描述在进行项目开发的时候，用Vue进行项目框架的搭建并开发，开发完成时需要部署到客户现场，通过命令npm run build将项目打包，然后上传至服务器的tomcat目录下，然后通过地址访问时发现，系统首页加载空白。在浏览器控制台一看，是js和css等资源的引用路径出错，所以解决方法如下。解决方法1、网上好多文档都说在项目的根目录下找到config文件夹，然后将...
原创
2022-02-05 15:43:48
3112阅读
前言问题描述：Vue
原创
2023-05-19 15:24:23
2156阅读
apache的配置 这是windows下的 在httpd vhosts.conf文件中把目录指向项目index.html文件所在的位置 然后再 index.html文件的同级路径下 创建.htaccess文件 内容就是官方文档给的 一点都不用改 然后确保 config/index.js中的build
转载
2018-11-14 19:32:00
83阅读
2评论
解解决决Vue项项目目打打包包后后打打开开index.html页页面面显显示示空空白白以以及及图图片片路路径径错错误误的的问问题题V ue项目运行npm run build后会生成一 dist文件夹，我们一般都是把这 文件夹部署到服务器上。dist文件夹里边有一 static文件和一 index .html页面，这 index就是最后单页面的最终文件。问问题题一一：：我在打包完成后，打开index
转载
2024-02-19 15:00:45
177阅读
