问题我们本地调试一般都是 npm run serve，然后打开 本机ip:8080（localhost:8080）对吧，这时候我们要调接口调试，后端的接口的地址可能在测试环境，也可能是自己电脑的 ip，总之不是你的 lcoalhost:8080，那么你调接口就会产生跨域，那么怎么办呢？就需要proxy出场了复习一下跨域的解决方案jsonpcorsNode中间件代理(两次跨域)nginx反向代理CO
跨域是作为每一个前端er必须要去面对的事情，如何去理解跨域呢？ 以上任何一点不同，就会产生跨域。那么解决跨域常用方法有以下几种（欢迎补充）：Jsonp来处理跨域虽然Jquery的ajax也有jsonp方法，但是jsonp本质上与ajax是有区别的。ajax的核心是通过XMLHttpRequest获取非本页的内容，而jsonp是通过script标签的机制来调用服务器提供的js脚本，然后获取ca
一、什么是跨域（1）跨域 由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一个与当前页面地址不同即为跨域。存在跨域的情况：网络协议不同，如http协议访问https协议。
端口不同，如80端口访问8080端口。
域名不同，如qianduanblog.com访问baidu.com。
子域名不同，如abc.qianduanblog.com访问def.qianduanblog.co
转载
2024-10-09 20:19:40
560阅读
注：本文选择了nginx做web服务器。因为在本文vue前端项目中，需要从接口获取数据，可是数据与vue前端项目是在同一ip地址但不同端口号，所以需要跨域读取数据。本文的跨域处理是使用了nginx。环境：阿里云服务器（ubuntu 64bit）xshellnginx1.使用xshell登录到阿里云服务器。安装nginx（本文安装到/etc下）cd /etc
apt-get update
apt-g
转载
2024-02-22 18:36:58
179阅读
最近做了一个前后端分离的项目，然后交付的时候是需要部署到云端服务器的 但是之前我们采用的都是前后端分开部署的，然后就对前端部署的步骤不是很了解 通过网上一顿操作之后，成功部署到云端服务器首先，我们linux基本的环境要有： jdk mysql nginxwindow本地远程连接：xftp（传输文件）、xshell（远程连接Linux）、navicat(远程连接数据库)window本地远程连接不是唯
转载
2024-09-26 20:09:11
108阅读
文章目录5. 前端工程化5.1 vue-cli5.2 项目的打包与发布5.2.1 使用静态服务器工具包发布打包5.2.2 使用动态web服务器(Tomcat)发布打包5.3 Vue-devtools5.3.1 Vue-devtools安装5.3.2 Vue-devtools的使用 参考5. 前端工程化5.1 vue-clivue create demo1 //使用vue-cli创建一个vue项目
Vue项目部署到Nginx
在现代的Web开发中，前端框架如Vue.js的应用已经成为主流。而为了让用户能够访问和使用这些应用，我们需要将这些前端应用部署到一个Web服务器上，比如Nginx。本文将向大家展示如何将一个Vue项目部署到Nginx服务器上。
整个部署过程可以分为以下几个步骤：
| 步骤 | 详细说明 |
| ---- | -----------
原创
2024-05-21 10:44:56
45阅读
以下的安装过程，笔者在centos 6.4实际配置成功过，记录起来供大家参考，有问题可以联系我。1、安装nginx安装nginx之前先要安装gcc编译器和相关工具，使用yum安装，非常方便。$ sudo yum -y install gcc gcc-c++ make autoconf automakenginx的一些模块需要第三方库的支持，例如gzip需要zlib，rewrite模块需要pcre库
windows下Nginx+Tomcat部署Vue，解决访问后端api跨域访问错误vue-vben-admin 项目的一些配置部署到TomcatNginx解决跨域访问错误致谢 记录一下vue-vben-admin开源项目需要注意的地方，方便以后快速使用。 使用前后端分离方式部署项目。 vue-vben-admin 项目的一些配置需要重点关注一下几个文件的内容： 系统配置文件：.env# 运行
在前后端没有进行分离开发的时候，一个web项目里面，因为在同一个com文件夹，前后端的交互，尤其是ajax的访问是在本域内，是不存在这种问题的。但是为了实现程序开发的高效率和分工合作，前后端分离开发，越来越成为流行趋势。更重要的是，前后端分离部署，更便利于对项目高并发、负载均衡等性能的调优。Nginx是近年比较流行的一个开源服务器，用于部署前端项目，非常容易上手。其实ajax跨域访问的解决方式有很
转载
2024-05-27 21:40:10
108阅读
一.前提条件 1.本地已有一个Vue2/Vue3项目 腾讯云SCF本身支持使用模板创建(模板创建参考)一个Vue项目并部署，但本文主要讲解将本 地原有的Vue项目改造为支持Serverless SCF部署的方法，并且建议使用SCF部署简单的SPA应用。 2.环境配置
使用Vue做前后端分离项目时，通常前端是单独部署，用户访问的也是前端项目地址，因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。 Vue项目打包部署本身不复杂，不过一些前端同学可能对服务器接触不多，部署过程中还是会遇到这样那样的问题。本文介绍一下使用nginx服务器代理前端项目的方法以及项目部署的相关问题，内容概览： 图片 一、准备工作——服务器和nginx使用准备一台服务器我
Vue项目部署问题及解决方案Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 HT
vue项目中的配置 以vue-cli搭建的项目为例, 在webpack配置文件 /config/index.js, 由于我们是在开发环境下使用，自然而然是要配置在dev里面,找到 proxyTable属性,配置如下:dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyT
转载
2024-07-19 22:43:23
360阅读
049：基于Nginx实现解决网站跨域问题1 在Linux服务器上安装Nginx服务器2 Nginx root、alias指令区别3 Nginx快速回顾实现反向代理技术4 实际项目中跨域问题产生的背景5 基于JSONP解决项目中跨域问题6 使用HttpClient实现转发请求解决跨域7 基于Nginx构建微服务网关解决跨域 1 在Linux服务器上安装Nginx服务器课程内容： 1、在Linux
在现代web开发中，跨域问题是一个经常遇到的挑战。特别是在使用Java后端与Vue前端结合时，合理配置Nginx来解决跨域问题显得尤为重要。本篇博文将详细介绍如何在Java项目中结合Vue前端，通过Nginx进行跨域配置的全过程，涵盖环境准备、分步指南、配置详解等内容。
### 环境准备
在开始之前，我们需要一些前置依赖。这里是所需工具及其版本兼容性矩阵：
| 软件 | 最低
前期准备工作：1. 准备一台服务器；2. 根据服务器的系统环境安装配置Nginx;3. 了解Nginx的配置文件，了解常用的linux系统操作命令4. 进行Vue项目的打包部署 因为我只是单纯的想试下平时我们打包好的dist文件是怎样部署到服务器，并让它跑起来的，所以我就选择
转载
2024-03-08 23:57:13
153阅读
在部署Vue项目的过程中，使用Nginx作为反向代理服务器是一个非常常见的做法。Nginx可以帮助我们实现静态资源的快速响应、负载均衡和路由转发等功能，能够提升整个项目的性能和稳定性。
下面我将介绍Vue项目部署使用Nginx的具体步骤，并给出相应的代码示例，希望可以帮助你快速理解并实践。
### **Vue项目部署使用Nginx的步骤**
| 步骤 | 操作 |
| ---- | ----
原创
2024-04-26 11:10:03
282阅读
这是一个比较全的nginx配置说明：新手可以先忽略，直接往下看：https://www.cnblogs.com/findbetterme/p/11289273.html nginx官网下载地址：http://nginx.org/en/download.html 下载稳定版 双击nginx.exe启动 Read More
转载
2019-08-25 16:07:00
261阅读
upstream api_server { server ip:port;}server { listen 8090; server_name 域名; location / { root /usr/share/nginx/html/yqpc; index index.html index.htm; } location ~* ^/(api|au...
原创
2021-08-13 18:50:21
1101阅读
