解决vue 没有vue.config.js文件 跨域方法

最新推荐文章于 2024-05-21 14:15:14 发布
最新推荐文章于 2024-05-21 14:15:14 发布
阅读量8k 收藏 11
点赞数 1
文章标签： javascript vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_69318049/article/details/127067574
版权

新建vue2项目，没有vue.config.js文件，只需在config文件夹下的index.js文件找到dev

里面的proxyTable{}，新建

   "/api": {

          // target: "", //ip地址后端给的不变

          changeOrigin: true, //是否跨域

          pathRewrite: {

            "^/api": "" //重写为空,这个时候api就相当于上面target接口基准地址

          },

       

        }

 在reqrest.js里使用api即可

小刘的代码仓库
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
vue.config.js 配置跨域
04-24
vue.config.js 配置跨域
vue项目为什么有的有config目录有的是vue.config.js
tiantiantbtb的博客
11-24 863
使用命令npm install webpack-cli -g下载webpack-cli。然后用npm uninstall -g vue-cli 卸载原有的低版本vue-cli。vue-cli版本是3.0以上的就会有vue.config.js没有config目录。升级项目先npm install webpack -g升级webpack。vue-cli版本是2.0左右的就会有webpack的config目录。再用npm install -g @vue/cli 下载最新版本的。
如何解决创建vue项目后没有webpack.config.js(vue.config.js)文件
青春木鱼的博客
07-24 4400
这篇文章主要介绍了Vue创建项目后没有webpack.config.js(vue.config.js)文件的解决，具有很好的参考价值，希望对大家有所帮助
vue.config.js
12-25
解决vue跨域和本地打包上传服务器以后请求访问接口报错404问题 ,解决vue跨域和本地打包上传服务器以后请求访问接口报错404问题
常见的vue.config.js配置以及跨域解决
04-11
常见的vue.config.js配置以及跨域解决
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
01-21
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // use the full build with in-browser compiler? // https://vuejs.org/v2/guide/installation.html#Runtim
vue2.x项目没有vue.config.js时，web worker使用
qq_55545630的博客
06-07 2262
在vue中使用new Worker(‘./worker.js’)原生方法，引入woker.js子线程时，无法正常读取引入。注意必须是低版本的，否则后面对webpack的配置会报错，如果你已经安装了高版本的，建议先卸载。那么问题就来了,为什么同为vue2.x的项目，却有着两种不同的配置文件呢？我在网上找了特别多的文章，基本上都需要配置vue.config.js文件。如果你vue2.x项目看多了，你会发vue中的配置文件有两种类型。然后重跑一下项目，就能愉快的使用web worker了！在我一天的不懈努力下（
马克一下：vue工程创建后，目录下怎么没有vue.config.js文件
Julie_Go的专栏
07-29 1万+
平常没有留意，今天偶然发现，vue cli 安装后，目录里没有vue.config.js， 这个文件是可选的配置文件，需要在根目录中手动创建，@vue/cli-service会自动加载。
vue项目没有config文件下的index_前后端分离当下，后端同学总结的手动构建vue项目...
weixin_36410077的博客
01-30 3875
在前后端分离的当下，作为一个后端同学，有时工作有需要或者自己想做个小项目，难免需要接触到前端技术，作为一个多年后端开发的同学，给大家总结了下如何手动构建vue项目。之所以手动构建是因为对前端技术不熟悉的情况就直接使用vue的脚手架会让自己很难明白自己在干什么，本着学习的精神总结了如下的步骤。首先安装node环境。这个就不说了，自行搜索很容易就知道了。接下来是创建项目：1.创建项目文件夹，如fron...
Vue2:axios解决跨域的问题（vue2没有config情况下）
欢迎来到长风沛雨的博客
07-08 1447
axios代理转发（vue2，无config文件夹的情况）
跨域文档.mdvue.config.js配置跨域vue.config.js配置跨域vue.config.js配置跨域
05-23
vue.config.js配置跨域
vue跨域的配置文件标准格式参考vue.config.js
07-29
vue跨域的配置文件标准格式参考vue.config.js
vue.config.js配置跨域
02-08
vue.config.js配置跨域的方法，包含vue.config.js，request.js（自己封装的axios），api示例文件（login.js），并包含使用说明.docx，详细说明了各项配置的含义，可以帮助初学者解决前后端请求中的跨域问题。实现正常的前后端链接。
VUE跨域问题的解决（没有config目录）
qq_42147998的博客
04-06 6929
在网上搜索跨域问题的解决，都是需要在config目录下修改index.js，但是我创建的项目没有config目录。参考大佬的文章，得以解决 https://www.cnblogs.com/michealjy/p/12547541.html 在于src同级目录下创建一个vue.config.js // vue.config.js 配置说明 //官方vue.config.js 参考文档 https:/...
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名
Winsom1的博客
04-29 3万+
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: tr...
Vue 配置vue.config.js
qq_40924034的博客
12-26 1109
const path = require('path'); module.exports = { configureWebpack: { resolve: { alias: { // 配置路径 '@': path.join(__dirname, 'src/'), '@@': path.join(__dirname, 'src/c...
Vue 创建项目后没有 webpack.config.js（vue.config.js） 文件
卡尔特斯
11-09 2万+
Vue 项目中 vue.config.js 文件就等同于 webpack 的 webpack.config.js。 vue-cli3 之后创建的时候并不会自动创建 vue.config.js，因为这个是个可选项，所以一般都是需要修改 webpack 的时候才会自己创建一个 vue.config.js。 开发者一般不需要再去知道 weboack 做了什么，所以没有暴露 webpack 的配置文件，但你依然可以创建 vue.config.js 去修改默认的 webpack。 手动创建一个 vue..
vue.config.js 配置
热门推荐
muzidigbig的博客
04-13 3万+
vue.config.js配置项 vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建 创建vue.config.js vue.config.js(相当于之前的webpack.config.js) 是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照 JSON 的...
openlayers绘制经纬网格，有添加或者移除功能
最新发布
qq_52959651的博客
05-21 121
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
vue.config.js文件解决跨域问题
09-09
为了解决跨域问题，你可以在vue.config.js文件中进行配置。在devServer中添加一个proxy属性，用于设置代理。具体配置可以参考以下内容： ```javascript devServer: { proxy: { '/api': { target: 'http://xxxxxxxxxxx.xxx/api', // 目标路径，即要代理的请求地址 changeOrigin: true, // 允许跨域 pathRewrite: { '^/api': '' // 重写路径，将/api替换为空字符串 } } } } ``` 以上配置表示，当axios请求中的url带有/api时，会触发代理机制，将请求转发到目标路径http://xxxxxxxxxxx.xxx/api。这样就可以解决跨域问题了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值