现象：在浏览器中直接访问www.test.com/api1/login会404。但如果你先访问www.test.com后再点“登录" 跳转到www.test.com/api1/login是正常显示。f5刷新又会出现 404了这是web单页面开发模式造成的。现在主流的前端框架基本都是单页面的。如：react、vue等。单页面简单来说就是访问所有资源路径、其实页面内容只有一个（一般是index.html）。这个页面中引入的js框架会根据当前访问的url去路由到相应的子页面组件（可以理解为页面片段...
前言：相信很多前端开发者都拥有自己的vue项目，若想把自己的项目做成网站分享给大家看，最常用的就是利用Github提供的GitHub Pages服务和Gitee提供的Gitee Pages服务。其中，Github是国外网站，Gitee是国内网站（访问速度较快）。本文给大家介绍的是如何将 vue-cli 3.0+项目部署到github pages 并同步到 gitee Pages上。一、服务说明与注意事项在你的github项目设置的GitHub Pages项，有这么一句话：GitHub Pages is designed to ...
vue+element部署一.环境准备 1.因为Nginx依赖于gcc的编译环境，所以，需要安装编译环境来使Nginx能够编译起来。 命令：yum install gcc-c++ 2.Nginx的http模块需要使用pcre来解析正则表达式，需要安装pcre。 命令：yum install -y pcre pcre-devel 3.安装依赖的解压包。 命令：yum install -y zlib zlib-devel 4.ssl 功能需要 openssl 库，安装 openssl。 命令：yum install -y openssl openss...
特别提示：本人博客部分有参考网络其他博客，但均是本人亲手编写过并验证通过。如发现博客有错误，请及时提出以免误导其他人，谢谢！欢迎转载，但记得标明文章出处：http://www.cnblogs.com/mao2080/1、问题描述给前端同事部署了web项目之后，访问发现除了index.html可以访问，其他的路径使用了“伪静态”。比如访问：http://localhost:8081/user/login，访问即报404错误，这个实际上是请求HTML相关资源而非后台接口，后面网上查了...
使用nginx部署vue项目，访问整体样式加载出错；查看chrome浏览器的console，类似下图 后在网络上查找原因，发现是nginx配置有问题，可参考nginx默认配置，具体配置如下： 清理缓存再次访问即可。 原文：https://www.cnblogs.com/cjll/p/13794060.html
前面介绍了很多关于ABP框架的后台Web API 服务端，以及基于Vue+Element前端应用，本篇针对两者的联合部署，以及对部署中遇到的问题进行处理。ABP框架的后端是基于.net core5.0 的Asp.net core 应用，因此和常规的Asp.net core 应用部署一样；而Vue+Element前端应用则是基于nodejs的应用，部署方式又有所不同，这里介绍基于Nginx的部署。1、部署基于.netcore5.0的ABP框架后台Api服务端1）安装.net core 环境在部署asp.net core服务前...
由于seo的需要，最近将项目移植道nuxt.js下采用ssr渲染移植完成后，一路顺畅，但是到了要部署到服务器端上时候，还是个头疼的问题，但最终还是顺利完成。现在记录一下部署中的过程。注：部署时候过程中，参考了下：https://segmentfault.com/a/11...一：搭建nginx+node+npm+pm2环境我们的nginx版本是 1.12node版本是v8.11.1npm版本是5.6.0pm2版本是2.10.2具体环境安装，网上都有教程，就不在叙述，直接进入正文。一：配置nginx代理...
系统环境：Windows service 2012 x64 Web服务器IIS 8.5软件环境：.net core 3.1，nodejs version 12.16.3，vue version 2.9.6说明：所有下载地址适用于windows service 2012 x64系统，在下载安装之前请确认你操作系统版本。1、首先你需要安装.net core 3.1 SDK。下载地址2、安装ISS的AspNetCoreHosting模块。下载地址3、安装nodejs并配置nodejs环境a) 安装nodejs。下载地址b) 配置nodejs环境，安装完成后将nodejs安装位置添加PATH系...
一，NetCore后台接口部署1，在后台发布包中找到“appsettings.json”文件并用记事本打开，根据当前要连接的数据库类型启用相应的数据库类型配置（启用“oracleAMSContext”还是“mysqlAMSContext”），并修改相应的数据库连接串信息；2，IIS建立相应的后台项目网站，地址指向发布文件夹，记住所配置的地址IP和端口号等信息（后续部署前台需要用到）；3，修改后台对应的应用程序池，.NetCLR设置为：“无托管代码”，托管管道模式设置...
自己搭建的Vue项目，没有使用vue-cli，引入elementUI时，使用的是webpack直接打包工具，发现字体图标丢失你记录一下解决办法：webpack module配置：(build目录下webpack.base.conf.js文件){test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,loader: ‘url-loader‘,options: {limit: 10000,name: utils.assetsPath(‘fonts/[name].[hash:7].[ext]‘)} }webpack 的utils.js 修改：（build目录下utils.js文件）if (options.extract) {return ...
前言 在快速开发框架-前端篇中少了一个章节，就是关于vue工程的一键发布脚本设计和实现。本文就在此展开，并部署到k8s环境中。传统部署方式与k8s部署区别 在没有使用k8s之前的前后端分离项目部署，一般是依托于宿主机上的nginx。前端静态资源走nginx,后端接口会使用nginx做代理。而此时，nginx是提前安装的，所以一键脚本并不会考虑nginx的安装与运行，只会将打包好静态资源放在指定目录。使用k8s之后，一键脚本会有的区别，除了打...
最近开发的微信公众号项目中(项目采用Vue + Vux 构建，站点部署在IIS8.5上)，遇到个非常奇葩的问题，发布站点内容后，通过微信打开网址发现是空白页面(后来验证是微信浏览器缓存了入口文件-index.html,顾之前版本的index页面找不到对应的js，因为我们每次发布会将之前的版本放至另外的备份目录)，但关闭网页再次去打开又是正常的。最初开发内部测试时该问题没有引起关注，因为开发人员大部分都是android的手机，后来测试发现，某些...
这次给大家带来Vue项目webpack打包部署时Tomcat刷新报404错误问题如何处理，Vue项目webpack打包部署时Tomcat刷新报404错误问题处理的注意事项有哪些，下面就是实战案例，一起来看一下。遇到的问题使用webpack打包vue后，将打包好的文件，发布到Tomcat上，访问成功，但是刷新后页面报404错。在网上查找了一下，原来是HTML5 History 模式引发的问题，具体为什么，vue官方已经给出了解释，你可以看https://router.vuejs.org/zh-cn/ess...
本篇文章给大家带来的内容是关于Vue-CLI 3.x 自动部署项目至服务器的方法介绍（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。前言：平时部署前端项目流程是：先部署到测试环境ok后再发布到生产环境上，部署到测试环境用 xshell 连上服务器，然后用 xftp 连接服务器，然后本地 build 项目，接着把 build 好的文件通过 xftp 上传到服务器上，整个流程感觉稍有繁琐，重复。本教程讲解的是 Vue-CLI 3.x 脚手...
本篇文章主要介绍了Vue 项目部署到服务器的问题解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧相信很多小伙伴在用Vue-cli安装的脚手架开发的时候，在开发环境中项目可以很正常的运行，但是进入到生产环境，编译打包后，放入服务器，项目就不正常了，会出现空白页或者路由跳转404等问题。遇到这些问题不要慌张，正确的配置加上后端的简单配合就可以解决。如何打包基于Vue-Cli,通过npm run ...