vue项目配置域名访问

最新推荐文章于 2024-06-24 11:03:14 发布
最新推荐文章于 2024-06-24 11:03:14 发布
阅读量2w 收藏 8
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40460909/article/details/88601876
版权

一，配置

配置文件 project_vue /config /index.js

找到
host:        (填写域名)
port:      （填写端口）

 

二，报错

 

三，解决报错

在/etc/hosts增加本地解析  （windows自行找hosts文件位置）

0.0.0.0 xxx.yuming.com       (这是允许所有ip访问)

 

四，重启vue项目

cnpm run build service

cnpm run dev  service

 

五，使用域名访问

LanVv
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue项目使用域名访问配置
weixin_30242907的博客
09-11 3921
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 /...
vue 项目设置局域网IP地址访配置
Lisa_Xiaotouzi的博客
05-11 2007
为了方便项目的开发进展，可以设置同一局域网访问本地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项目运行在指定域名
weixin_39535289的博客
12-01 2285
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项目 ...
vue配置域名访问
weixin_30782293的博客
09-17 2204
vue配置域名访问其实很简单，新建一个vue的项目，不废话，直接上截图 红色框住的两行就是设置访问的域名以及端口，默认是host: localhost port: 8080 像这样修改之后，重启项目，一定会报错哒！如下图： 这个解决方式就是在C:\Windows\System32\drivers\etc\hosts文件里新增下面的一句话即可： 127.0.0.1 ...
局域网内vue2 3 配置本地IP地址访问项目
最新发布
m0_68716504的博客
06-24 1016
/在这句代码后面添加 --host 0.0.0.0" 如下messages: [ //下面两个地方，直接复制即可` - Local: http://localhost:${port}`, //配置这里` - Network: http://${require('ip').address()}:${port}`,//配置这里],},?}))
vue项目使用自定义域名开启本地服务（ip地址和域名映射）
qq_2511276124的博客
07-04 3792
使用域名访问本地服务。
如何在本地启动vue项目使用域名访问
AuraVic的博客
11-27 3016
小编今天产品上有一个需求，就是多个相同二级域名下的系统的要共享cookie，通过cookie来进行免密登录。那这个需求在本地我们如何调试呢？这就需要依靠本地启动一个服务通过域名来访问。
Vue项目使用自定义域名访问本地
Wangdr的博客
11-10 2182
disableHostCheck: true，是解决浏览器打开www.local.com出现Invalid Host header页面的情况。1、配置本地hosts文件：添加127.0.0.1 www.local.com（自定义域名）
Vue项目部署公网ip和端口以及使用域名访问配置
1024困不住
08-16 6976
前提是已经配置好了相应的外网和内网端口的映射 一.公网ip和端口配置 在vue项目启动之前对项目下：项目名/config/index.js 文件进行修改 原来的内容为：(位置在index.js的第16,17行作用) host: 'localhost', // can be overwritten by process.env.HOST port: 8080, //...
vue配置接口域名方法总结
10-17
在本篇文章里小编给大家分享了关于vue配置接口域名方法和相关知识点总结，需要的朋友们跟着操作下。
Nginx 部署vue 项目+域名
weixin_44366104的博客
03-06 684
nginx
Vue项目部署Nginx配置文件 SSL
08-11
当你的 Vue 项目完成开发并经过 `npm run build` 编译后，生成的静态资源需要部署到服务器上供用户访问。Nginx 是一款高性能的 HTTP 和反向代理服务器，常被用来部署 web 应用，包括 Vue 项目。SSL（Secure Sockets ...
phpstudy 8.1小皮配置vue项目本地域名访问
qq_42221321的博客
11-18 4815
phpstudy 8.1小皮配置vue项目本地域名访问1、安装phpstudy2、phpstudy配置3、问题排查 1、安装phpstudy 1、先下载安装小皮，这里就不做赘述 官网下载地址 2、phpstudy配置 因为我这里只是一个网页的显示，就只启动了apache服务 注意这里的路径，如果是vue项目，要先打包,然后指向dist生成的文件路径，我这里是把dist打包好的文件复制到小皮下 文件目录，注意一定是index.php或者是 index.html 配置完成后，来到设置里检验配置的端口是否可
vue项目设置服务器地址,vue项目配置后端服务器地址
weixin_29058331的博客
08-09 3649
vue项目配置后端服务器地址 内容精选换一换查询负载均衡器状态树。可通过该接口查询负载均衡器关联的监听器、后端云服务器组、后端云服务器、健康检查、转发策略、转发规则的主要信息，了解负载均衡器下资源的拓扑情况。GET /v2/{project_id}/elb/loadbalancers/{loadbalancer_id}/statuses无请求样例GET https://{Endpo弹性负载均衡支持...
本地使用Nginx部署vue项目,并且通过飞鸽内网穿透达到域名访问的效果
xiaokuangren_的博客
02-15 798
Nginx部署vue项目简单版本
vue cli3.0 怎么配置 后端请求接口域名，区别打包环境及 vue项目域名的问题
MISS_zhang_0110的博客
07-26 6236
=>使用域名加端口号访问http//www.test.com1234。在src同级建立一个vue.config.js文件。和src同级建立两个文件。
vue 访问不到主页 项目启动_vue-cli启动本地服务局域网不能访问的原因分析
weixin_39595008的博客
12-22 1281
1.问题描述：本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试，2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问地址是localhost:端口号3.改正的方式找到config文件夹下的index.js文件,修改host:“localhost”为 host:"0.0.0....
关于Vue开发环境下，如何使用域名访问项目
metoogo的博客
09-11 2582
关于Vue开发环境下，如何使用域名访问项目
nginx部署vue项目配置
10-11
要部署Vue项目，需要将Vue项目打包成静态文件，并将其部署到Nginx服务器上。下面是在Nginx中配置Vue项目的步骤： 1. 在服务器上安装Nginx，并启动Nginx服务。 2. 将Vue项目打包为静态文件。可以使用如下命令： ``` npm run build ``` 这个命令会在项目的 `dist` 目录下生成打包后的静态文件。 3. 打开Nginx的配置文件，一般为 `/etc/nginx/nginx.conf`，编辑其中的 `server` 部分。可以使用如下命令： ``` sudo vi /etc/nginx/nginx.conf ``` 4. 在 `server` 部分中添加以下配置： ``` server { listen 80; server_name example.com; # 修改为自己的域名 root /var/www/vue-project/dist; # 修改为自己的静态文件路径 location / { try_files $uri $uri/ /index.html; } } ``` 其中，`listen` 指定Nginx监听的端口号，`server_name` 指定域名，`root` 指定静态文件所在的目录，`location` 部分用于处理路由，将所有请求都指向 `index.html` 文件。 5. 保存配置文件并重启Nginx服务： ``` sudo service nginx restart ``` 现在，就可以使用域名访问Vue项目了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值