cli3.0 如何修改端口

 时间:2026-02-14 20:59:04

1、安装 axios,项目根目录下新建 vue.config.js,重启服务npm run serve。

// vue.config.js

module.exports = {

    devServer: {

        port: 端口号,

        proxy: {

            '/apis': {

                target: 'https://movie.douban.com/',  // target host

                ws: true,  // proxy websockets 

                changeOrigin: true,  // needed for virtual hosted sites

                pathRewrite: {

                    '^/apis': ''  // rewrite path

                }

            },

        }

    }

};

cli3.0 如何修改端口

2、*.vue 文件中请求实例:

this.axios.get('/apis/ithil_j/activity/movie_annual2017').then(res => { console.log(res.data)}, res => {    console.info('调用失败');})

cli3.0 如何修改端口

3、更改调试地址端口号:

vue-cli构建的项目,在控制台npm run dev启动后,默认的调试地址是8080端口的。

cli3.0 如何修改端口

4、但是大部分时候,我们都要并行几个项目开发,很有可能已经占用了8080端口,所以就涉及到如何去更改调试地址的端口号了,config --> index.js。

cli3.0 如何修改端口

5、然后找到以下代码,修改port的值即可以修改端口号:

 dev: {    // Paths    assetsSubDirectory: 'static',    assetsPublicPath: '/',    proxyTable: {},    host: 'localhost',    port: 8083,       // 在这里修改端口号    autoOpenBrowser: false,    errorOverlay: true,    notifyOnErrors: true,  },

cli3.0 如何修改端口

6、修改后再次输入命令行npm run dev,然后就可以看到修改的效果了。

cli3.0 如何修改端口

  • JAVA应用程序怎样调用服务器文件
  • oracle如何给其他用户修改密码
  • weblogic11g的安装配置
  • 如何使用jenkins新建文件夹任务
  • linkedhashmap怎么转成json
  • 热门搜索
    孕吐什么时候开始 cal是什么意思 六保六稳是什么 333是什么意思 冰箱不制冷是什么原因 女性尿血是什么原因 赞许地什么 一分钟能做什么 料酒是什么 1月4日是什么星座