首页 > 其他 > 详细

vue3.0配置代理proxy 解决跨域问题

时间:2020-01-02 17:12:07      阅读:598      评论:0      收藏:0      [点我收藏+]

vue3.0配置代理proxy 主要解决的是接口问题和路径问题。

这里说的是vue3.0的版本:

1.首先在项目的根目录下添加vue.config.js文件。

2.然后 vue.config.js内容如下:

  module.exports = {
     // 基本路径  
     publicPath: ‘./‘,
     // 输出路径   
     outputDir: ‘dist‘,
     // 静态资源    
     assetsDir: ‘./‘,
     // eslint-loader是否在保存时候检查  
     lintOnSave: true,
     // 服务项配置    
     devServer: {
         host: ‘localhost‘,
         port: 8080,
         https: false,
         open: true,
   // 设置代理proxy
         proxy: {
            ‘/api‘:{
                ‘target‘:‘http://localhost:3000‘,
                changeOrigin:true,    //表示是否跨域,
                pathRewrite:{           //表示需要rewrite重写的
                    ‘^/api‘:‘  ‘,
                }
            }
         }   
     }
 }
3.最后请求的时候:
  譬如:"http://localhost:3000/login"
  现在写成:"/api/login".
  用 /api 替换原来的 http://localhost:3000
 

vue3.0配置代理proxy 解决跨域问题

原文:https://www.cnblogs.com/whx123/p/12133363.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!