Vue项目使用域名访问配置

最新推荐文章于 2023-11-27 14:41:09 发布
最新推荐文章于 2023-11-27 14:41:09 发布
阅读量3.9k 收藏 3
点赞数
文章标签： javascript webpack 前端 ViewUI
原文链接：http://www.cnblogs.com/jinbang/p/11507618.html
版权
本文介绍了如何在Vue项目中实现使用域名访问本地资源。首先，编辑hosts文件添加自定义域名，接着修改config/index.js的host，最后在webpack.dev.conf.js的devServer设置disableHostCheck属性为true，以解决Invalid Host header问题。这样可以方便地在浏览器通过域名进行微信js-sdk等需要域名预览的调试。
摘要由CSDN通过智能技术生成

1. 编辑C:\Windows\System32\drivers\etc文件夹中的hosts文件，在末尾添加127.0.0.1 www.local.com（你的自定义域名）

 

注意：如果该文件夹没有hosts文件，看看查看 - 隐藏的项目打勾是否显示hosts，如果还没有则打开cmd命令输入：for /f %P in ('dir %windir%\WinSxS\hosts /b /s') do copy %P %windir%\System32\drivers\etc & echo %P & Notepad %P，即可打开hosts，自己重新创建一个hosts复制到该

最低0.47元/天 解锁文章
weixin_30242907
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 项目设置局域网IP地址访配置
Lisa_Xiaotouzi的博客
05-11 1997
为了方便项目的开发进展，可以设置同一局域网访问本地ip地址 ---菜鸟一枚，写得超级详细 1.cmd打开命令指示符：ipconfig/all 查看自己的IP地址 2.修改config文件中找到 index.js 文件的host改成 IP地址：192.168.1.166 3. 修改项目文件夹下的package.json 文件配置，scripts.dev配置在默认的情况下加上 --host 192.168.1.166 完整写法： 注意：package.json比较特殊，不可有注释条目，不
vue配置接口域名方法总结
10-17
在本篇文章里小编给大家分享了关于vue配置接口域名方法和相关知识点总结，需要的朋友们跟着操作下。
vue项目配置域名访问
热门推荐
Vv的博客
03-16 2万+
一，配置 配置文件project_vue/config/index.js 找到 host: (填写域名) port: （填写端口） 二，报错 三，解决报错 在/etc/hosts增加本地解析 （windows自行找hosts文件位置） 0.0.0.0 xxx.yuming.com (这是允许所有ip访问) 四，重启...
Vue项目使用自定义域名访问本地
Wangdr的博客
11-10 2165
disableHostCheck: true，是解决浏览器打开www.local.com出现Invalid Host header页面的情况。1、配置本地hosts文件：添加127.0.0.1 www.local.com（自定义域名）
Vue项目部署公网ip和端口以及使用域名访问配置
1024困不住
08-16 6958
前提是已经配置好了相应的外网和内网端口的映射 一.公网ip和端口配置 在vue项目启动之前对项目下：项目名/config/index.js 文件进行修改 原来的内容为：(位置在index.js的第16,17行作用) host: 'localhost', // can be overwritten by process.env.HOST port: 8080, //...
vue项目使用自定义域名开启本地服务（ip地址和域名映射）
qq_2511276124的博客
07-04 3724
使用域名访问本地服务。
Nginx 部署vue 项目+域名
weixin_44366104的博客
03-06 679
nginx
phpstudy 8.1小皮配置vue项目本地域名访问
qq_42221321的博客
11-18 4800
phpstudy 8.1小皮配置vue项目本地域名访问1、安装phpstudy2、phpstudy配置3、问题排查 1、安装phpstudy 1、先下载安装小皮，这里就不做赘述 官网下载地址 2、phpstudy配置 因为我这里只是一个网页的显示，就只启动了apache服务 注意这里的路径，如果是vue项目，要先打包,然后指向dist生成的文件路径，我这里是把dist打包好的文件复制到小皮下 文件目录，注意一定是index.php或者是 index.html 配置完成后，来到设置里检验配置的端口是否可
Vue项目部署Nginx配置文件 SSL
08-11
在部署 Vue 项目时，Nginx 配置文件 `nginx.conf` 的关键设置如下： 1. **基本配置**： - `server` 块：定义一个监听特定端口（通常是80）的服务器实例。 ```nginx server { listen 80; server_name your...
vue项目运行在指定域名
weixin_39535289的博客
12-01 2276
vue项目使用域名访问配置 1.可以修改vue项目中的config文件，但是有些项目里面找不到config文件，可以采用第二种办法，启动本地nginx 2.通过启动本地反向代理，把127.0.0.1代理到你指定域名 例子：让vue项目运行在sso.weixin.com 修改hosts文件 2.修改nginx.conf文件 然后使用命令启动nginx。正常启动vue项目，在浏览器输入sso.weixin.com即可访问本地vue项目 ...
本地使用Nginx部署vue项目,并且通过飞鸽内网穿透达到域名访问的效果
xiaokuangren_的博客
02-15 783
Nginx部署vue项目简单版本
关于Vue开发环境下，如何使用域名访问项目
metoogo的博客
09-11 2569
关于Vue开发环境下，如何使用域名访问项目
如何在本地启动vue项目使用域名访问
最新发布
AuraVic的博客
11-27 2877
小编今天产品上有一个需求，就是多个相同二级域名下的系统的要共享cookie，通过cookie来进行免密登录。那这个需求在本地我们如何调试呢？这就需要依靠本地启动一个服务通过域名来访问。
在Vue开发环境下，如何实现域名访问？
young_superc的博客
05-24 2821
在使用Vue开发时，开发环境一般都使用本机访问。开发环境下，当运行“npm run serve”命令后， 在命令行窗口会显示如下信息： App running at: Local: http://localhost:8081/ Network: http://192.168.1.23/ 其中Network显示的是本机的内网IP地址。这时即使你的机器有一个公有IP并绑定了域名，如果想从外网通过域名访问你的应用也访问不了。 当然，开发环境原本不鼓励从外网访问， 但偶尔也会有需要从外网访问测试一下。这
vue cli3.0 怎么配置 后端请求接口域名，区别打包环境及 vue项目域名的问题
MISS_zhang_0110的博客
07-26 6161
=>使用域名加端口号访问http//www.test.com1234。在src同级建立一个vue.config.js文件。和src同级建立两个文件。
Vue axios请求自带域名，接口及项目名
hongfei130的博客
06-10 1933
标题 @TOC 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示
vue 2 如何配置域名访问
丿灬安之若死
12-31 4724
'use strict' const path = require('path') const defaultSettings = require('./src/settings.js') function resolve(dir) { return path.join(__dirname, dir) } const name = defaultSettings.title || 'vue Element Admin' // page title // If your port is set t.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值