vue-cli开发的时候解决跨域问题

在config.js中的index.js中

proxyTable: {
      '/apl' : {  
        target: root, //就是后台的地址
        changeOrigin: true, //改变源
        pathRewrite: {
          '^/apl' : root //路径重写
        }
      }
    },

在config.js中的dev.evn.js

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
   DOMAIN : '"/apl"',
})

在封装axios中设置

let instance = axios.create({
 baseURL: process.env.DOMAIN,
   timeout: 10000
 })

如果在想让别人访问页面可以设置 。在config.js中的index.js中

host: '192.168.1.161',//自己的ip地址

//node和nginx设置的原理是一样的

你可能感兴趣的:(vue-cli开发的时候解决跨域问题)