vue部署上线后跨域问题，git回退到n年前的项目版本怎么办？

最新推荐文章于 2023-05-05 11:41:21 发布
最新推荐文章于 2023-05-05 11:41:21 发布
阅读量289 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46344410/article/details/106151401
版权

一、vue-cli4.0版本部署上线跨域问题：
vue-cli4.0项目打包后，在本地vue.config.js配置的反向代理不起作用：

module.exports = {
   
  runtimeCompiler: true,
  publicPath: '[{[ .StaticURL ]}]',
  // publicPath: '/static',
  lintOnSave: false,
  devServer: {
    
    proxy: {
最低0.47元/天 解锁文章
「已注销」
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue前端项目-上线部署-nginx代理解决跨域问题
踏 浪的博客
04-20 4571
目录 1、后端项目 1.1、已完成内容 1.2、把后台若依SpringBoot 项目打成 jar 1.3、上传 ruoyi 的jar包到远程服务器 1.4、运行 jar包 1.5、关闭防火墙 2、前端项目 2.1、打包前端项目 2.2、本地安装 nginx 2.3、配置首页和代理 2.4、nginx 命令 1、后端项目 1.1、已完成内容 redis安装 mysql安...
vue打包完后Nginx代理(解决vue打包后跨域问题)
热门推荐
a13706935773的专栏
04-20 3万+
vue index.js文件源码'use strict'// Template version: 1.2.7// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path')module.exports = { dev: { // Paths assetsSubD...
【部署上线，跨域】
weixin_59565183的博客
04-29 121
后端本地打包，打包成功会生成.jar包前端直接在Webstorm下面的终端中执行npm run build,等控制台执行完即可。此时你就会发现项目中多了个dist目录后端jar包存于user.canso.top,前端dist存于www.canso.top宝塔面板 -> 安全 -> 系统防火墙云服务器 -> 防火墙 -> 添加规则1.网关支持（Nginx）
vue项目前端解决跨域问题
baidu_40120883的博客
05-05 7144
在前后端分离项目中，跨域是一定会出现的问题，本文主要介绍跨域问题的解决思路，以及在vue项目中如何使用代理的方式在前端解决跨域问题，同时提供一个后段解决的方案。
git 版本回退基本使用方法
oops
10-27 1441
git版本回退分为两种方式，一种是回退commit记录，一种是commit加内容都回退 git rever
vue项目如何解决跨域问题
关注我！带你一路 "狂飙" 到底！
02-07 708
CORS （Cross-Origin Resource Sharing，跨域资源共享）是一个系统，它由一系列传输的HTTP头组成，这些HTTP头决定浏览器是否阻止前端 JavaScript 代码获取跨域请求的响应。代理（Proxy）也称网络代理，是一种特殊的网络服务，允许一个（一般为客户端）通过这个服务与另一个网络终端（一般为服务器）进行非直接的连接。一定要注意跨域是浏览器的限制，你用抓包工具抓取接口数据，是可以看到接口已经把数据返回回来了，只是浏览器的限制，你获取不到数据。● 主机相同（host）
Vue中跨域及打包部署到nginx跨域设置方法
10-16
主要介绍了Vue中跨域以及打包部署到nginx跨域设置方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue项目中跨域问题解决方案
08-27
在开发Vue项目时，我们经常会遇到跨域问题，这主要是由于浏览器的安全策略限制了不同源之间的请求。跨域问题可以通过多种方式解决，本文主要讲解在使用vue-cli搭建的项目中，如何通过更改Header和使用...
vue项目部署上线遇到的问题及解决方法
08-27
Vue.js项目部署上线是开发完成后不可或缺的一环，它涉及到服务器配置、域名解析、环境搭建等多个环节。以下将详细讲解在Vue项目部署上线时可能遇到的问题及其解决方案。 首先，要进行服务器搭建。通常选择云服务...
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
01-22
vue项目中使用npm run build打包后会生成一个dist文件，使用git推送项目后，发现git上少了一个dist文件，为什么明明本地项目中有这个文件而推上去就没有了呢？ 这里会先介绍.gitignore，不想看的 请直接跳过介绍 看...
Vue打包上线后的跨域问题处理
chenyu00544的博客
03-11 1万+
由于开发环境和生产环境的不同，会导致vue访问出现跨域的问题。 一、开发环境跨域问题 1.config/index.js文件配置代理，找到proxyTable字段，如下面一样配置 dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/xx...
vue项目中解决跨域问题（打包上线无需手动切换url）
qq_35052338的博客
08-02 9671
1、在目录config下的index.js中设置代理； proxyTable: { //设置代理 '/api': { //使用"/api"来代替跨域地址139.xxx.xx target: 'http://139.xxx.xx', //源地址 changeOrigin: true, //改变源 pathRewrite: { //路径重写 '^/api': 'http://139.xxx...
如果解决vue项目开发阶段和上线阶段的跨域问题
qq_60292609的博客
10-28 1618
开发阶段跨域的解决方案 使用反向代理 前提:了解跨域问题的根本原因 客户端请求数据的地址和服务器的地址不一样,受浏览器的同源策略影响(满足条件: 协议-域名-端口一致),无法得到服务器响应的数据,被浏览器的拦截 ...
关于vue本地与发布线上跨域问题解决
一些平时在开发过程中遇到的常见问题，分享给大家
06-01 6851
使用场景：www.baidu.com跳转 m.baidu.com module.exports = { publicPath: './', devServer: { proxy: { // 这里是配置代理的 "/api": { target:'http://www.baidu.com', ...
Vue开发及上线过程中遇到的坑（axios跨域，history模式下空白页问题）
yx_cos的博客
08-20 8803
最近公司在用vue开发一个网站，在这过程中，遇到了一些需要注意的点，在此先列出来，防止下次再次踩坑 1.在开发环境下，使用axios进行数据交互时，如果遇到跨域问题的话，可以在如下图 Config文件下的index.js 设置proxy代理 你可以新建一个专门放接口的js 给后台的接口 自己重命名一下 然后在main.js里引入该js  本项目中命名为url.js 将url添...
Vue项目在开发环境跨域和生成环境部署跨域问题解决
爱不离此的博客
01-01 1万+
一.在dev环境下的跨域问题解决 1.项目使用的是axios请求网络,将baseUrl修改为/api (这里是使用webpack提供的代理功能将/api代理成目标接口host) axios.defaults.baseURL = '/api'; 2.进入config/index.js里,在dev下增加proxyTable配置,可以匹配到/api,将其代理成目标接口host dev: { ...
详解vue项目和普通项目如何解决开发环境与生产环境下的跨域问题
一位不知名小前端的一些笔记
12-05 1万+
概念： 什么是跨域？ 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。所谓同源是指，域名，协议，端口均相同。 http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域） http://www.123.com/index.html 调用 ht
前端常见跨域解决方案（全）
weixin_34281537的博客
09-13 2219
什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 1.) 资源跳转： A链接、重定向、表单提交 2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@f...
VUE 3版本跨域问题
wuyanyh的博客
11-29 1251
本人使用的vue 3.6.3 版本，下载之后发现跟 2 版本有一些区别，具体需要一步一步研究。当我的请求接口跨域的时候发现没有config.js文件夹，查阅资料后了解需要自己手动添加。 然后配置反向代理 ...
宝塔部署vue项目跨域
最新发布
09-03
宝塔面板可以通过Nginx来部署Vue项目，并解决跨域问题。在部署过程中，需要进行以下步骤： 1. 首先，使用npm run build命令打包Vue项目，成功后会在项目根目录下生成一个dist文件夹。 2. 在宝塔面板中，选择对应的网站，点击设置，进入网站设置页面。 3. 在左侧菜单中，点击Nginx，进入Nginx配置页面。 4. 在Nginx配置页面的顶部，可以看到一段配置示例，将这段示例替换为以下配置代码： ``` location / { root /path/to/your/dist; # 指向Vue项目打包后的dist文件夹路径 index index.html index.htm; } location /api/ { proxy_pass http://localhost:9777/; # 将请求转发到后端接口的运行端口 } ``` 注意将`/path/to/your/dist`替换为你实际的Vue项目dist文件夹的路径，将`http://localhost:9777/`替换为你实际的后端接口的运行端口。 5. 保存并应用配置。 通过以上步骤，宝塔面板已经成功部署了Vue项目，并且解决了跨域问题。你可以通过公网IP加上Vue项目的端口号和项目名称来访问部署的项目。例如，`公网IP:Vue项目端口号/项目名称`。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [宝塔部署项目&跨域](https://blog.csdn.net/u014632228/article/details/129066281)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [Spring Boot + Vue 前后端分离项目的部署](https://blog.csdn.net/qq_45716120/article/details/112985281)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值