vue-cli3.0后台接口配置问题解决

最新推荐文章于 2024-07-04 14:44:51 发布

小酒窩

最新推荐文章于 2024-07-04 14:44:51 发布

阅读量1.6k

点赞数

分类专栏： vue 文章标签： vue-cli3.0

本文链接：https://blog.csdn.net/a1006061435/article/details/98751220

版权

vue 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

vue-cli3.0虽然简洁了不少，但是对于刚接触的人来说还是有点难度的，首先就是后台接口配置问题，原先的2.0是在config下的index.js里配置的现在由于改版3.0里没有了，这时候需要我么手动创建一个文件vue.config.js

配置文件
把下面的代码复制粘贴进去，写上后台的接口，然后完美解决。

module.exports = {
 publicPath: '/',//publicPath取代了baseUrl
 outputDir: 'dist',
 lintOnSave: true,
 runtimeCompiler: true, //关键点在这  原来的 Compiler 换成了 runtimeCompiler
 // 调整内部的 webpack 配置。
 chainWebpack: () => {},
 configureWebpack: () => {},
 // 配置 webpack-dev-server 行为。
 devServer: {
   open: process.platform === 'darwin',
   host: 'localhost',
   port: 8080,
   https: false,
   hotOnly: false,
   proxy: {
    '/api': {
     target: '',//这里写上后台的接口
     changeOrigin: true,
     pathRewrite: {
       '^/api': ''
     }
   }
   }, // string | Object
   before: app => {}
 }
}