vue怎么部署到云服务器上 vue通过域名访问

  1. 实名认证 购买云服务、域名等前置操作(腾讯云、阿里云)

  2. 腾讯云:控制台主页,搜索DNS 解析 DNSPod,在域名解析列表中,快速添加网站,把ip地址与域名绑定。 阿里云自行百度 但肯定有相对应的步骤。

  3. 在服务器的C:\Windows\System32\drivers\etc文件夹中,(找不到该文件夹 先把电脑的显示隐藏文件夹打开,如果仍然没有,cmd输入命令:
    for /f %P in (‘dir %windir%\WinSxS\hosts /b /s’) do copy %P %windir%\System32\drivers\etc & echo %P & Notepad %P

    在host最后新起一行 127.0.0.1 xxxx.com

  4. config/index.js host设置成0.0.0.0
    特地测试:如果设成域名,只是从服务器本身可以用域名打开,其它电脑不能域名访问,99%的人都不是想要这种效果。

  5. 在build/webpack.dev.conf.js中的devServer对象属性中添加属性disableHostCheck: true,这个是解决浏览器打开www.local.com出现Invalid Host header页面的问题

  6. 注 :同样是解决Invalid Host header问题:
    在package.json文件修改scripts命令:webpack-dev-server --disableHostCheck=true
    7.剩余步骤和脱离IDE启动vue是一样的 ,另一篇博文地址:springboot vue项目如何启动?

你可能感兴趣的:(vue,云服务,nodejs,vue,云服务)