解决vue请求跨域问题
 
vue-element-admin关掉mock改为本地后端项目api后报错：Network Error
 Request URL: http://localhost:8082/api/admin/login
 Referrer Policy: strict-origin-when-cross-origin
 Request URL: http://localhost:8082/api/admin/login
 Request Method: OPTIONS
 Status Code: 403
 Remote Address: [::1]:8082
 Referrer Policy: strict-origin-when-cross-origin
 
解决方案
 
在vue.config.js文件配置代理
 所有访问/api的都代理target的URL
 
//vue.config.js
devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      '/api': {
        target: 'http://localhost:8082',
        changeOrigin: true
      }
    }
  },
 
我的环境配置：
 
//.env.development
# just a flag
ENV = 'development'

# base api
VUE_APP_BASE_API = '/api/admin'
 
前后对比
 

 

输入项目启动命令报错error vue-element-admin@4.2.1 dev: vue-cli-service serve
 
解决步骤：
 1.删除根目录下文件夹node_modules；
 2.输入命令npm install core-js@2；
 3.使用cnpm install 重新安装node_modules;
 4.输入项目启动命令；.
 若经过上面操作之后还是不能解决
 在第二步之前输入npm cache clean --force
 清除npm缓存，再进行尝试

 解决:
 
先删除node_modules文件,再按照如下顺序执行即可
npm install core-js@2 --->cnpm install --->cnpm run dev

ps: 如果下载慢_安装淘宝镜像_安装后可以使用cnpm下载
npm install cnpm -g --registry=https://registry.npm.taobao.org

先删除node_modules文件,再按照如下顺序执行即可
 
npm install core-js@2 --->cnpm install --->cnpm run dev
 
 
 
ps: 如果下载慢_安装淘宝镜像_安装后可以使用cnpm下载
 
npm install cnpm -g --registry=https://registry.npm.taobao.org