vue-cli修改域名之后报错

摆渡人_张余歌

已于 2022-06-14 17:54:35 修改

阅读量811

点赞数

分类专栏： 2-问题解决文章标签： vue.js javascript 前端

于 2022-01-19 11:59:58 首次发布

本文链接：https://blog.youkuaiyun.com/m0_48263336/article/details/122577807

版权

2-问题解决专栏收录该内容

9 篇文章

订阅专栏

报错信息如下：

解决办法：

1.cmd 下输入：ipconfig命令查看自己的IP

2.修改vue 项目的本地host 为自己的IP

3.保存 host

4.运行 npm run dev （或者 npm run serve）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

摆渡人_张余歌

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端开发 Vue 代理配置(解决前后端域名/Ip/端口不一致导致无法请求的问题)

GIS摆渡人

04-22

8967

文章目录业务说明代理配置修改截图后端服务器代码前端Vue代码业务说明假设vue项目的地址是：localhost:80/，比如，页面中请求’http://127.0.0.1:8080/api/user/ss’时，地址只需要写为’/api/user/ss’就可以了。代理配置 const { defineConfig } = require('@vue/cli-service') const AutoImport = require('unplugin-auto-import/webpack') cons

vue-cli配置域名访问报错：Invalid Host header（无效的主机头）

qq_40678503的博客

10-21

2448

在开发vue-cli脚手架项目的时候，配置了host : 127.0.0.1 dev.com 想通过dev.com:8080去访问项目，dev.com这个域名后端已经配置好了跨域但是访问的时候会报Invalid Host header（无效的主机头）错误上解决方法：要修改webpack的配置，在项目的根目录下增加vue.config.js 文件 module.exports = { productionSourceMap: false, devServer: { historyApi

参与评论您还未登录，请先登录后发表或查看评论

【问题】Vue工程本地修改host访问，提示 Invalid Host header

学无止境

03-18

1713

问题操作进入/etc文件夹，修改hosts文件，添加 127.0.0.1 www.szlsay.com 打开浏览器，打开 www.szlsay.com:8080，界面显示Invalid Host header 问题原因新版webpack-dev-server出于安全考虑，默认检查hostname，若是hostname 没有配置在内的，将中断访问。解决方法在vue.config.js中配置下面，配置完成重启工程 module.exports = { devServer: { disabl

vue cli webpack创建的项目，ip地址不能访问，修改方法

唯一的切慕，唯一的诗歌……

06-28

3240

vue cli创建的项目，ip地址不能访问，有时候给测试看一下，弄到测试服务器太麻烦。所以找到了下面的解决方法以下两种方法可访问，但是ip不能访问 http://localhost:1221/login http://127.0.0.1:1221/login 需要修改的文件地址 config/index.js host: 'localhost', // can be ov...

vue-cli的项目中把localhost换成自己的ip无法访问

shu580231的博客

05-03

3719

很多情况下，我们在pc端开发的项目，需要在手机上调试。这个时候，但是发现我如果直接将localhost换成自己的ip,是无法访问的，解决办法：在package.json中，，"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "np...

vue部署到服务器修改域名,nginx配置同域名既是vue入口,又是服务端请求地址的方法...

weixin_33780516的博客

08-06

852

server {listen 80;listen 443 ssl; #SSL协议访问端口号为443。此处如未添加ssl，可能会造成Nginx无法启动。server_name acc-admin.landdt.cn; #将localhost修改为您证书绑定的域名，例如：www.example.com。root /home/gits/acc-admin-vue;location /...

详解Vue-cli代理解决跨域问题

01-19

使用vue-cli调接口的时候，总是会出现垮与问题，因为vue的localhost与访问域名不一致导致。而这一点，开发者显然也想到了，故而在vuejs-templates，也就是vue-cli的使用的模板插件里，有关于API proxy的说明，这个...

vue-cli webpack配置分析 - chenBright - SegmentFault 思否

2401_84438488的博客

04-29

811

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了@param {Array} loaders loader名称数组@return {String|Object} ExtractTextPlugin对象或loader字符串*/// 例如，sass?// 在?号前加上“-loader”})

vue-cli4.0搭建

依古比古的博客

08-01

1685

vuecli项目部署服务器,五步带你完成vue-cli 项目打包一键部署（测试）服务

weixin_32512933的博客

08-05

1397

初始化vue项目, 测试服务已经准备(前提已经准备好了)注意: 一键部署 vue2.0~3.0 都可以使用1、在根目录新建deploy 文件夹：.env.dev类容如下VUE_APP_SERVER_ID=0.env.prod类容如下VUE_APP_SERVER_ID=1index.js 文件类容如下：const scpClient = require('scp2');const ora = re...

Vue 服务器域名与接口不同域名上线后404

xm2395939的博客

08-18

1295

当Vue项目打包上线后服务器域名与接口域名不同时会报404 这是因为vue在开发环境下，会根据配置好的api自动添加基准路径而在开发环境下，需要手动配置在config/prod.env.js添加 module.exports = merge(prodEnv, { NODE_ENV: '"production"', API_ROOT: '"http://xxxx.xxxxxx.xxx"' // 基准路径 }) 在api统一管理的文件内添加拦截器 ///request拦截器 axios.int

vue-cli3配置proxy解决前后端域名/端口不一致引起的跨域问题

qq_22339269的博客

11-21

4629

错误代码前端 import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) this.axios.post('http://localhost:8082/account/signup', this.formValidate) 后端 @RestController @Reques...

vue解决外网IP访问以及域名访问出现invalid host header 问题

冯上旭的博客

11-05

6492

正常的vue搭建完成以后npm run dev就可以localhost:8080访问开发了但是有时候你想用IP形式访问的话你可以这样做 1.修改配置config/index.js host:'0.0.0.0' 完成了这一步就可以用iP地址访问开发了；但是有时候需要用域名访问，此时用域名访问会出现invalid host header 解决这个问题我们可以这样做： 2.在build/webpa...

vue配置域名访问

weixin_30782293的博客

09-17

2249

vue配置域名访问其实很简单，新建一个vue的项目，不废话，直接上截图红色框住的两行就是设置访问的域名以及端口，默认是host: localhost port: 8080 像这样修改之后，重启项目，一定会报错哒！如下图：这个解决方式就是在C:\Windows\System32\drivers\etc\hosts文件里新增下面的一句话即可： 127.0.0.1 ...

redis 开启服务后执行 cli还有 server命令没有反应

coder的博客

11-17

541

开启服务后不小心点了ctrl+z后就被锁住了，经过上网查找后。先查看了一进行中的然后挥泪 kill -9 加12777，虽然我知道这个不是最保险的做法再次查看进程保险做法参照https://www.cnblogs.com/meitian/p/5207662.html ...

vue.config.js配置proxy代理产生404错误的原因

jiaohuizhuang6019的博客

10-16

4222

vue.config.js配置proxy代理产生404错误的原因

Vue打包部署后，图片url域名错误，导致无法显示

qq_36892712的博客

06-29

1477

当在 Vue 项目中打包之后，从服务器获取图片 URL 时，如果 URL 不包含域名和端口号，可能是因为在 Vue 项目中使用了相对路径引用图片，导致最终生成的 URL 缺少域名和端口号。在 Vue 项目中使用绝对路径引用图片可以在 Vue 项目中使用绝对路径引用图片，例如：这样，在打包后，获取图片 URL 时，就会包含完整的域名和端口号，可以正常显示图片。在 Nginx 配置文件中添加反向代理设置。

已配置vue.config.js中的proxy代理，前端本地环境仍然请求后端出现跨域报错

qubes的专栏

01-04

4116

已配置vue.config.js中的proxy代理，前端本地环境仍然请求后端出现跨域报错。

vue跨域vue.config.js不生效

qq_65232359的博客

07-12

498

vue3创建的项目在vite.config.js中修改添加proxy配置。

VSCODEnpm install -g @vue/cli报错